/* Minification failed. Returning unminified contents.
(14089,41): run-time error CSS1046: Expect comma, found '0'
(14089,45): run-time error CSS1046: Expect comma, found '/'
(14089,76): run-time error CSS1046: Expect comma, found '0'
(14089,80): run-time error CSS1046: Expect comma, found '/'
(15688,47): run-time error CSS1046: Expect comma, found '73'
(15688,52): run-time error CSS1046: Expect comma, found ')'
(18075,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ','
 */
/*
Created by: @themepixels
URL: http://themepixels.com/
*/

label {
   font-weight: normal;
   margin-bottom: 5px !important;
   color: #4a535e;
}

code {
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   border-radius: 2px;
   background: none;
   padding: 0;
}

small {
   font-size: 11px;
}

.lead {
   color: #333;
}

blockquote p {
   font-family: 'Georgia', sans-serif;
   font-weight: 100;
   color: #333;
}

blockquote .glyphicon,
blockquote .fa {
   float: left;
   margin-right: 10px;
   font-size: 20px;
}

h4, .h4 {
   line-height: 24px;
}

.row {
   margin-left: -10px;
   margin-right: -10px;
}

.col-xs-1, .col-xs-2,
.col-xs-3, .col-xs-4,
.col-xs-5, .col-xs-6,
.col-xs-7, .col-xs-8,
.col-xs-9, .col-xs-10,
.col-xs-11, .col-xs-12,
.col-sm-1, .col-sm-2,
.col-sm-3, .col-sm-4,
.col-sm-5, .col-sm-6,
.col-sm-7, .col-sm-8,
.col-sm-9, .col-sm-10,
.col-sm-11, .col-sm-12,
.col-md-1, .col-md-2,
.col-md-3, .col-md-4,
.col-md-5, .col-md-6,
.col-md-7, .col-md-8,
.col-md-9, .col-md-10,
.col-md-11, .col-md-12,
.col-lg-1, .col-lg-2,
.col-lg-3, .col-lg-4,
.col-lg-5, .col-lg-6,
.col-lg-7, .col-lg-8,
.col-lg-9, .col-lg-10,
.col-lg-11, .col-lg-12 {
   padding-left: 10px;
   padding-right: 10px;
}

.form-group::after {
   clear: both;
   display: block;
   content: '';
}

.form-group .control-label {
   margin-top: 3px;
}

.form-bordered .form-group {
   margin: 0;
   padding: 15px 0;
   border-top: 1px solid #d3d7db;
}

.form-bordered .form-group:first-child {
   border-top: 0;
}

.form-striped .form-group {
   margin: 0;
   padding: 15px 0;
}

.form-striped .form-group:nth-child(even) {
   background: #fcfcfc;
}

.form-inline .form-group {
   margin-right: 20px;
}

.form-inline .checkbox {
   margin-right: 20px;
}

.form-control {
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   padding: 10px;
   height: auto;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   font-size: 13px;
}

.form-control:focus {
   border-color: #999;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   -moz-box-shadow: 3px 3px 0 rgba(12,12,12,0.05);
   -webkit-box-shadow: 3px 3px 0 rgba(12,12,12,0.05);
   box-shadow: 3px 3px 0 rgba(12,12,12,0.05);
}

.input-sm {
   font-size: 12px;
   padding: 7px 10px;
   height: auto;
   margin-top: 3px;
}

.input-lg {
   font-size: 18px;
   padding: 12px 10px;
}

.btn {
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   line-height: 21px;
   -moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
   padding: 6px 15px; 
}

.btn:focus {
	outline: none;
}

.btn-sm {
   padding: 5px 10px;
}

.btn-xs {
   padding: 2px 10px;
}

.btn-lg {
   padding: 12px 20px;
}

.btn-default {
   background: #e4e7ea;
   color: #636e7b;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
   background: #f7f7f7;
   border-color: #ccc;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
}

.btn-success {
   background-color: #1CAF9A;
   border-color: #17a08c;
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
   background-color: #17a08c;
   border-color: #119380;
}

.btn-white {
   background: #fff;
   border: 1px solid #ccc;
   color: #666;
}

.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   background: #f7f7f7;
}

.btn-default-alt {
   border: 2px solid #999;
   color: #999;
   text-transform: uppercase;
   font-family: 'LatoBold';
   font-size: 12px;
}

.btn-default-alt:hover,
.btn-default-alt:active,
.btn-default-alt:focus {
   border-color: #666;
   color: #666;
}

.btn-primary-alt {
   border: 2px solid #428BCA;
   color: #428BCA;
   text-transform: uppercase;
   font-family: 'LatoBold';
   font-size: 12px;
}

.btn-primary-alt:hover,
.btn-primary-alt:active,
.btn-primary-alt:focus {
   border-color: #357EBD;
   color: #357EBD;
}

.btn-success-alt {
   border: 2px solid #1CAF9A;
   color: #1CAF9A;
   text-transform: uppercase;
   font-family: 'LatoBold';
   font-size: 12px;
}

.btn-success-alt:hover,
.btn-success-alt:active,
.btn-success-alt:focus {
   border-color: #17a08c;
   color: #17a08c;
}

.btn-warning-alt {
   border: 2px solid #F0AD4E;
   color: #F0AD4E;
   text-transform: uppercase;
   font-family: 'LatoBold';
   font-size: 12px;
}

.btn-warning-alt:hover,
.btn-warning-alt:active,
.btn-warning-alt:focus {
   border-color: #EEA236;
   color: #EEA236;
}

.btn-danger-alt {
   border: 2px solid #D9534F;
   color: #D9534F;
   text-transform: uppercase;
   font-family: 'LatoBold';
   font-size: 12px;
}

.btn-danger-alt:hover,
.btn-danger-alt:active,
.btn-danger-alt:focus {
   border-color: #D43F3A;
   color: #D43F3A;
}

.btn-info-alt {
   border: 2px solid #5BC0DE;
   color: #5BC0DE;
   text-transform: uppercase;
   font-family: 'LatoBold';
   font-size: 12px;
}

.btn-info-alt:hover,
.btn-info-alt:active,
.btn-info-alt:focus {
   border-color: #46B8DA;
   color: #46B8DA;
}

.btn-brown {
   background-color: #583f26;
   border-color: #513921;
   color: #fff;
}

.btn-brown:hover,
.btn-browm:active,
.btn-brown:focus {
   color: #fff;
   background-color: #513921;
   border-color: #48321c;
}

.btn-brown-alt {
   border: 2px solid #583f26;
   color: #583f26;
   text-transform: uppercase;
   font-size: 12px;
   font-family: 'LatoBold';
}

.btn-brown-alt:hover,
.btn-brown-alt:active,
.btn-brown-alt:focus {
   border-color: #513921;
   color: #513921;
}

.btn-black {
   background: #333;
   color: #fff;
   border-color: #222;
}

.btn-black:hover,
.btn-black:active,
.btn-black:focus {
   background: #222;
   border-color: #111;
   color: #fff;
}

.btn-black-alt {
   border: 2px solid #333;
   color: #333;
   font-size: 12px;
   font-family: 'LatoBold';
   text-transform: uppercase;
}

.btn-black-alt:hover,
.btn-black-alt:active,
.btn-black-alt:focus {
   border: 2px solid #222;
   color: #222;
}

.btn-pink {
   background: #f579e8;
   border-color: #ec6bde;
   color: #fff;
}

.btn-pink:hover,
.btn-pink:active,
.btn-pink:focus {
   background: #ec6bde;
   border-color: #e261d4;
   color: #fff;
}

.btn-pink-alt {
   border: 2px solid #f579e8;
   color: #f579e8;
   font-size: 12px;
   font-family: 'LatoBold';
   text-transform: uppercase;
}

.btn-pink-alt:hover,
.btn-pink-alt:active,
.btn-pink-alt:focus {
   border-color: #ec6bde;
   color: #ec6bde;
}

.btn-darkblue {
   color: #fff;
   background: #2e4678;
   border-color: #29406f;
}

.btn-darkblue:hover,
.btn-darkblue:active,
.btn-darkblue:focus {
   background: #29406f;
   border-color: #243a66;
   color: #fff;
}

.btn-darkblue-alt {
   border: 2px solid #2e4678;
   color: #2e4678;
   text-transform: uppercase;
   font-size: 12px;
   font-family: 'LatoBold';
}

.btn-darkblue-alt:hover,
.btn-darkblue-alt:active,
.btn-darkblue-alt:focus {
   border-color: #29406f;
   color: #29406f;
}

.btn-orange {
   color: #fff;
   background: #f38108;
   border-color: #de7504;
}

.btn-orange:hover,
.btn-orange:active,
.btn-orange:focus {
   background: #de7504;
   border-color: #d67003;
   color: #fff;
}

.btn-orange-alt {
   border: 2px solid #f38108;
   color: #f38108;
   text-transform: uppercase;
   font-size: 12px;
   font-family: 'LatoBold';
}

.btn-orange-alt:hover,
.btn-orange-alt:active,
.btn-orange-alt:focus {
   border-color: #de7504;
   color: #de7504;
}

.btn-maroon {
   color: #fff;
   background: #990000;
   border-color: #880000;
}

.btn-maroon:hover,
.btn-maroon:active,
.btn-maroon:focus {
   background: #880000;
   border-color: #770000;
   color: #fff;
}

.btn-maroon-alt {
   border: 2px solid #990000;
   color: #990000;
   text-transform: uppercase;
   font-size: 12px;
   font-family: 'LatoBold';
}

.btn-maroon-alt:hover,
.btn-maroon-alt:active,
.btn-maroon-alt:focus {
   border-color: #880000;
   color: #880000;
}

.btn-lightblue {
   background: #0390fd;
   color: #fff;
   border-color: #028af3;
}

.btn-lightblue:hover,
.btn-lightblue:active,
.btn-lightblue:focus {
   background: #028af3;
   border-color: #0385ea;
   color: #fff;
}

.btn-lightblue-alt {
   border: 2px solid #0390fd;
   color: #0390fd;
   text-transform: uppercase;
   font-size: 12px;
   font-family: 'LatoBold';
}

.btn-lightblue-alt:hover,
.btn-lightblue-alt:active,
.btn-lightblue-alt:focus {
   border-color: #028af3;
   color: #028af3;
}

.btn-group.open .dropdown-toggle {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
}

.btn-group {
   margin-bottom: 10px;
}

.badge {
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   border-radius: 2px;
   font-weight: normal;
   font-size: 11px;
   vertical-align: middle;
   display: inline-block;
}

.badge-warning {
   background-color: #ec8c04;
}

.badge-success {
   background-color: #019a1e;
}

.nav-pills > li > a {
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.nav-tabs > li > a {
   -moz-border-radius: 3px 3px 0 0;
   -webkit-border-radius: 3px 3px 0 0;
   border-radius: 3px 3px 0 0;
}

.panel {
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   background: #fcfcfc;
   border: 0;
   -moz-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
   -webkit-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
   box-shadow: 0 3px 0 rgba(12,12,12,0.03);
}

.panel-heading,
.panel-footer {
   background: #fff;
   border-color: #eee;
}

.panel-heading {
   padding: 20px;
}

.panel-default > .panel-heading {
   border-color: #e7e7e7;
   background-color: #fff;
}

.panel-heading-empty {
   background: none;
   border-bottom: 0;
}

.panel-heading p {
   font-size: 13px;
   margin-top: 10px;
   margin-bottom: 0;
   color: #77818e;
}

.panel-primary .panel-heading,
.panel-success .panel-heading,
.panel-warning .panel-heading,
.panel-danger .panel-heading,
.panel-info .panel-heading {
   border-bottom: 0;
}

.panel-success .panel-heading {
   background-color: #1CAF9A;
}

.panel-warning .panel-heading {
   background-color: #F0AD4E;
}

.panel-danger .panel-heading {
   background-color: #D9534F;
}

.panel-info .panel-heading {
   background-color: #5BC0DE;
}

.panel-dark .panel-heading {
   background-color: #1d2939;
}

.panel-btns a {
   margin-left: 8px;
   float: right;
   color: #000;
   display: inline-block;
   font-weight: bold;
   opacity: 0.4;
   font-size: 16px;
   -moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}

.panel-btns a.minimize {
   font-size: 18px;
}

.panel-btns a:hover {
   text-decoration: none;
   opacity: 0.5;
   cursor: pointer;
}

.panel-btns a.minimize:active,
.panel-btns a.minimize:focus {
   text-decoration: none;
}

.panel-title {
   font-size: 18px;
   color: #111;
   /*font-family: 'LatoBold'; */
}

.panel-title-alt {
   font-size: 13px;
   font-family: 'LatoBold';
   text-transform: uppercase;
   margin: 0;
}

.panel-title-alt + p {
   margin-top: 5px !important;
}

.panel-primary .panel-title,
.panel-success .panel-title,
.panel-warning .panel-title,
.panel-danger .panel-title,
.panel-info .panel-title,
.panel-dark .panel-title {
   color: #fff;
}

.panel-success .panel-btns a,
.panel-danger .panel-btns a,
.panel-dark .panel-btns a {
   color: #fff;
}

.panel-body {
   padding: 20px;
}

.panel-body-nopadding {
   padding: 0;
}

.panel-footer {
   padding: 20px;
}

.panel-footer:after {
   clear: both;
   display: block;
   content: '';
}

.panel-heading .nav-tabs {
   margin-bottom: -20px;
   border-bottom: 0;
}

.panel-heading .nav-tabs li {
   margin-right: 5px;
}

.panel-heading .nav-tabs li a {
   color: #666;
}

.panel-heading .nav-tabs li a:hover,
.panel-heading .nav-tabs li a:active,
.panel-heading .nav-tabs li a:focus {
   background-color: #fff;
   border-color: #fff;
   border-bottom: 0;
   color: #111;
}

.panel-heading .nav-tabs li.active a {
   background: #fcfcfc;
   color: #111;
}

.panel-heading .nav-tabs li.active a:hover,
.panel-heading .nav-tabs li.active a:active,
.panel-heading .nav-tabs li.active a:focus {
   background: #fcfcfc;
   color: #111;
   border: 1px solid #ddd;
   border-bottom-color: #fcfcfc;
}

.panel-heading .nav-justified {
   margin-bottom: -21px;
}

.panel-heading .nav-justified li a {
   border-bottom: 0;
}

.panel-alt .panel-heading {
   padding: 20px 20px;
}

.panel-alt .panel-title {
   font-size: 13px;
   text-transform: uppercase;
   font-family: 'LatoBold';
}

.panel-alt .panel-heading p {
   margin-top: 5px;
   line-height: 18px;
}

.panel-alt .panel-btns a {
   margin-top: -3px;
}

.panel-alt .panel-footer {
   padding: 15px;
}

.panel-alt .panel-body {
   padding: 15px;
}

.panel-primary .panel-heading p,
.panel-warning .panel-heading p,
.panel-success .panel-heading p,
.panel-danger .panel-heading p,
.panel-info .panel-heading p {
   color: #fff;
   opacity: 0.6;
}

.form-horizontal .control-label {
   font-weight: normal;
}

.has-success .form-control,
.has-warning .form-control,
.has-error .form-control {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
}

.has-success .form-control:focus,
.has-warning .form-control:focus,
.has-error .form-control:focus {
   -moz-box-shadow: 5px 5px 0 rgba(12,12,12,0.05);
   -webkit-box-shadow: 5px 5px 0 rgba(12,12,12,0.05);
   box-shadow: 5px 5px 0 rgba(12,12,12,0.05);
}


.input-group-addon {
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   border-radius: 2px;
   font-size: 13px;
   background-color: #f7f7f7;
}

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   border-radius: 2px;
   height: 46px;
}

.input-group-btn .btn {
   line-height: 22px;
}

.dropdown-menu {
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   padding: 5px;
   -moz-box-shadow: 3px 3px 0 rgba(12,12,12,0.03);
   -webkit-box-shadow: 3px 3px 0 rgba(12,12,12,0.03);
   box-shadow: 3px 3px 0 rgba(12,12,12,0.03);
}

.dropdown-menu li a {
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   border-radius: 2px;
   -moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}

.dropdown-menu > li > a {
   padding: 7px 10px;
   color: #666;
}

.dropdown-menu > li > a:hover {
   background-color: #e7e7e7;
   color: #333;
}

.tooltip-inner {
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   border-radius: 2px;
}

.popover {
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   border-radius: 2px;
   -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.05);
   -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.05);
   box-shadow: 1px 1px 2px rgba(0,0,0,0.05);
   padding: 0;
}

.popover-title {
   -moz-border-radius: 2px 2px 0 0;
   -webkit-border-radius: 2px 2px 0 0;
   border-radius: 2px 2px 0 0;
   font-size: 13px;
   border-color: #ddd;
}

.modal-dialog {
   border: 0;
}

.modal-content {
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   border-radius: 2px;
   -moz-box-shadow: 0 5px 0 rgba(0,0,0,0.4);;
   -webkit-box-shadow: 0 5px 0 rgba(0,0,0,0.4);;
   box-shadow: 0 5px 0 rgba(0,0,0,0.4);
   border: 0;
}

.modal-title {
   font-size: 20px;
   color: #333;
}

.modal-header .close {
   margin-top: 4px;
}

.modal-backdrop.in {
   opacity: 0.65;
}

.alert {
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.alert .close {
   font-size: 16px;
   margin-top: 3px;
}

.alert .alert-link {
   font-family: 'LatoBold';
   font-weight: normal;
}

.alert > p + p {
   margin-top: 15px;
}

.alert > p + p .btn {
   margin-right: 5px;
}

.label {
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   border-radius: 2px;
   padding: 4px 8px;
   font-weight: normal;
   font-size: 11px;
}

.label-success {
   background-color: #1CAF9A;
}

.badge-primary {
   background-color: #428BCA;
}

.badge-warning {
   background-color: #F0AD4E;
}

.badge-success {
   background-color: #1CAF9A;
}

.badge-danger {
   background-color: #D9534F;
}

.badge-info {
   background-color: #5BC0DE;
}

.progress {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   height: 15px;
   margin-bottom: 15px;
}

.progress-bar {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
}

.progress-bar-success {
   background-color: #1CAF9A;
}

.progress-sm {
	height: 10px;
	-moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   border-radius: 2px;
}

.nav-tabs {
   background: #d8dbde;
   border: 0;
   -moz-border-radius: 3px 3px 0 0;
   -webkit-border-radius: 3px 3px 0 0;
   border-radius: 3px 3px 0 0;
}

.nav-tabs > li > a {
   border: 0;
   padding: 14px 20px;
   color: #666;
}

.nav-tabs > li > a:hover {
   background: none;
   color: #333;
}

.tab-content {
   background: #fcfcfc;
   padding: 15px;
   -moz-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
   -webkit-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
   box-shadow: 0 3px 0 rgba(12,12,12,0.03);
   -moz-border-radius: 0 0 3px 3px;
   -webkit-border-radius: 0 0 3px 3px;
   border-radius: 0 0 3px 3px;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
   background-color: #fcfcfc;
   border: 0;
}

.tab-pane address:last-child {
   margin-bottom: 0;
}

.nav-dark {
   background: #1d2939;
}

.nav-dark > li > a {
   color: #999;
}

.nav-dark > li > a:hover {
   color: #fff;
}

.nav-tabs.nav-justified > li > a {
   border-bottom: 0;
}

.nav .dropdown > a {
   font-family: 'LatoBold';  
}

.nav .dropdown-menu {
   margin-top: -2px;
}

.nav .dropdown .caret {
   border-top-color: #666;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
   border-color: #fff;
   border-bottom-color: #fcfcfc;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
   border: 0;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
   border: 0;
   background: none;
   color: #333;
   font-family: 'LatoBold';
}

.panel-group .panel-heading {
   padding: 0;
}

.panel-group .panel-title {
   font-size: 14px;
   font-family: 'LatoBold';
}

.panel-group .panel-title a {
   padding: 14px 15px;
   display: block;
}

.panel-group .panel-title a:hover,
.panel-group .panel-title a:focus,
.panel-group .panel-title a:active {
   text-decoration: none;
}

.panel-group .panel-title a.collapsed {
   background-color: #f7f7f7;
   color: #666;
	border-bottom: 1px solid #ddd;
}

.panel-group .panel:last-child .panel-title a {
	border-bottom: 0;
}

.panel-group .panel-title a.collapsed:hover {
   background-color: #f3f3f3;
}

.panel-collapse.in .panel-body {
	border-bottom: 1px solid #ddd;
}

.panel-group .panel + .panel {
   margin-top: 0;
   border-top: 0;
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
   border-radius: 0;
}

.panel-group .panel:last-child {
   -moz-border-radius: 0 0 3px 3px;
   -webkit-border-radius: 0 0 3px 3px;
   border-radius: 0 0 3px 3px;
}

.panel-group .panel:first-child {
   -moz-border-radius: 3px 3px 0 0;
   -webkit-border-radius: 3px 3px 0 0;
   border-radius: 3px 3px 0 0;
}

.panel-group-dark .panel {
   border-bottom: 0;
}

.panel-group-dark .panel-title a.collapsed {
   background-color: #1d2939;
   color: #ccc;
   border-bottom: 1px solid #273548;
}

.panel-group-dark .panel-title a.collapsed:hover {
   background-color: #17222f;
   color: #fff;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
   border-bottom-left-radius: 3px;
   border-top-left-radius: 3px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
   border-bottom-right-radius: 3px;
   border-top-right-radius: 3px;
}

.pagination > li > a,
.pagination > li > span {
   color: #636e7b;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
   background-color: #e4e7ea;
}

.pagination-split li {
   margin-left: 5px;
   display: inline-block;
   float: left;
}

.pagination-split li:first-child {
   margin-left: 0;
}

.pagination-split li a {
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
   background-color: #1CAF9A;
   border-color: #1CAF9A;
}

.pager li > a, .pager li > span {
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   color: #636e7b;
}

.well {
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   border: 0;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   background-color: #e4e7ea;
}

.thumbnail {
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
	padding: 5px;
}

.media {
   padding-bottom: 15px;
}

.media-heading {
   color: #333;
   font-size: 14px;
   font-family: 'LatoBold';
   margin: 0;
}

small.media-desc {
   line-height: 16px;
   font-size: 12px;
   display: block;
}

.text-success {
   color: #1CAF9A;
}

.table {
   background: #fcfcfc;
   -moz-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
   -webkit-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
   box-shadow: 0 3px 0 rgba(12,12,12,0.03);
}

.table th {
	font-weight: normal;
	font-family: 'LatoBold';
}

.table thead > tr > th {
	border-color: #eee;
	background-color: #fff;
	padding-top: 12px;
	padding-bottom: 12px;
	color: #444;
}

.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
   border-color: #eee;
   padding: 10px;
}

.table-striped > tbody > tr:nth-child(2n+1) > td,
.table-striped > tbody > tr:nth-child(2n+1) > th {
	background-color: #f5f5f5;
}

.table-bordered thead th:first-child {
   border-left: 0;
}

.table thead .table-head-alt th {
   text-transform: uppercase;
   font-size: 12px; 
}

.table tbody tr td .progress {
   margin: 0;
}

.modal-footer {
   margin-top: 0;
}

.modal-content .tab-content {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
}



@charset "UTF-8";body{-webkit-backface-visibility:hidden;}.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;}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;}@-webkit-keyframes flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}@-moz-keyframes flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}@-o-keyframes flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}@keyframes flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}.animated.flash{-webkit-animation-name:flash;-moz-animation-name:flash;-o-animation-name:flash;animation-name:flash;}@-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);}}.animated.shake{-webkit-animation-name:shake;-moz-animation-name:shake;-o-animation-name:shake;animation-name:shake;}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);}40%{-webkit-transform:translateY(-30px);}60%{-webkit-transform:translateY(-15px);}}@-moz-keyframes bounce{0%,20%,50%,80%,100%{-moz-transform:translateY(0);}40%{-moz-transform:translateY(-30px);}60%{-moz-transform:translateY(-15px);}}@-o-keyframes bounce{0%,20%,50%,80%,100%{-o-transform:translateY(0);}40%{-o-transform:translateY(-30px);}60%{-o-transform:translateY(-15px);}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0);}40%{transform:translateY(-30px);}60%{transform:translateY(-15px);}}.animated.bounce{-webkit-animation-name:bounce;-moz-animation-name:bounce;-o-animation-name:bounce;animation-name:bounce;}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);}100%{-webkit-transform:scale(1) rotate(0);}}@-moz-keyframes tada{0%{-moz-transform:scale(1);}10%,20%{-moz-transform:scale(0.9) rotate(-3deg);}30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg);}40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg);}100%{-moz-transform:scale(1) rotate(0);}}@-o-keyframes tada{0%{-o-transform:scale(1);}10%,20%{-o-transform:scale(0.9) rotate(-3deg);}30%,50%,70%,90%{-o-transform:scale(1.1) rotate(3deg);}40%,60%,80%{-o-transform:scale(1.1) rotate(-3deg);}100%{-o-transform:scale(1) rotate(0);}}@keyframes tada{0%{transform:scale(1);}10%,20%{transform:scale(0.9) rotate(-3deg);}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg);}40%,60%,80%{transform:scale(1.1) rotate(-3deg);}100%{transform:scale(1) rotate(0);}}.animated.tada{-webkit-animation-name:tada;-moz-animation-name:tada;-o-animation-name:tada;animation-name:tada;}@-webkit-keyframes swing{20%,40%,60%,80%,100%{-webkit-transform-origin:top center;}20%{-webkit-transform:rotate(15deg);}40%{-webkit-transform:rotate(-10deg);}60%{-webkit-transform:rotate(5deg);}80%{-webkit-transform:rotate(-5deg);}100%{-webkit-transform:rotate(0deg);}}@-moz-keyframes swing{20%{-moz-transform:rotate(15deg);}40%{-moz-transform:rotate(-10deg);}60%{-moz-transform:rotate(5deg);}80%{-moz-transform:rotate(-5deg);}100%{-moz-transform:rotate(0deg);}}@-o-keyframes swing{20%{-o-transform:rotate(15deg);}40%{-o-transform:rotate(-10deg);}60%{-o-transform:rotate(5deg);}80%{-o-transform:rotate(-5deg);}100%{-o-transform:rotate(0deg);}}@keyframes swing{20%{transform:rotate(15deg);}40%{transform:rotate(-10deg);}60%{transform:rotate(5deg);}80%{transform:rotate(-5deg);}100%{transform:rotate(0deg);}}.animated.swing{-webkit-transform-origin:top center;-moz-transform-origin:top center;-o-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;-moz-animation-name:swing;-o-animation-name:swing;animation-name:swing;}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);}15%{-webkit-transform:translateX(-25%) rotate(-5deg);}30%{-webkit-transform:translateX(20%) rotate(3deg);}45%{-webkit-transform:translateX(-15%) rotate(-3deg);}60%{-webkit-transform:translateX(10%) rotate(2deg);}75%{-webkit-transform:translateX(-5%) rotate(-1deg);}100%{-webkit-transform:translateX(0%);}}@-moz-keyframes wobble{0%{-moz-transform:translateX(0%);}15%{-moz-transform:translateX(-25%) rotate(-5deg);}30%{-moz-transform:translateX(20%) rotate(3deg);}45%{-moz-transform:translateX(-15%) rotate(-3deg);}60%{-moz-transform:translateX(10%) rotate(2deg);}75%{-moz-transform:translateX(-5%) rotate(-1deg);}100%{-moz-transform:translateX(0%);}}@-o-keyframes wobble{0%{-o-transform:translateX(0%);}15%{-o-transform:translateX(-25%) rotate(-5deg);}30%{-o-transform:translateX(20%) rotate(3deg);}45%{-o-transform:translateX(-15%) rotate(-3deg);}60%{-o-transform:translateX(10%) rotate(2deg);}75%{-o-transform:translateX(-5%) rotate(-1deg);}100%{-o-transform:translateX(0%);}}@keyframes wobble{0%{transform:translateX(0%);}15%{transform:translateX(-25%) rotate(-5deg);}30%{transform:translateX(20%) rotate(3deg);}45%{transform:translateX(-15%) rotate(-3deg);}60%{transform:translateX(10%) rotate(2deg);}75%{transform:translateX(-5%) rotate(-1deg);}100%{transform:translateX(0%);}}.animated.wobble{-webkit-animation-name:wobble;-moz-animation-name:wobble;-o-animation-name:wobble;animation-name:wobble;}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);}50%{-webkit-transform:scale(1.1);}100%{-webkit-transform:scale(1);}}@-moz-keyframes pulse{0%{-moz-transform:scale(1);}50%{-moz-transform:scale(1.1);}100%{-moz-transform:scale(1);}}@-o-keyframes pulse{0%{-o-transform:scale(1);}50%{-o-transform:scale(1.1);}100%{-o-transform:scale(1);}}@keyframes pulse{0%{transform:scale(1);}50%{transform:scale(1.1);}100%{transform:scale(1);}}.animated.pulse{-webkit-animation-name:pulse;-moz-animation-name:pulse;-o-animation-name:pulse;animation-name:pulse;}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;}}@-moz-keyframes flip{0%{-moz-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-moz-animation-timing-function:ease-out;}40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-moz-animation-timing-function:ease-out;}50%{-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-moz-animation-timing-function:ease-in;}80%{-moz-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-moz-animation-timing-function:ease-in;}100%{-moz-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-moz-animation-timing-function:ease-in;}}@-o-keyframes flip{0%{-o-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-o-animation-timing-function:ease-out;}40%{-o-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-o-animation-timing-function:ease-out;}50%{-o-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-o-animation-timing-function:ease-in;}80%{-o-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-o-animation-timing-function:ease-in;}100%{-o-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-o-animation-timing-function:ease-in;}}@keyframes flip{0%{transform:perspective(400px) translateZ(0) rotateY(0) scale(1);animation-timing-function:ease-out;}40%{transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);animation-timing-function:ease-out;}50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in;}80%{transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);animation-timing-function:ease-in;}100%{transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);animation-timing-function:ease-in;}}.animated.flip{-webkit-backface-visibility:visible !important;-webkit-animation-name:flip;-moz-backface-visibility:visible !important;-moz-animation-name:flip;-o-backface-visibility:visible !important;-o-animation-name:flip;backface-visibility:visible !important;animation-name:flip;}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;}40%{-webkit-transform:perspective(400px) rotateX(-10deg);}70%{-webkit-transform:perspective(400px) rotateX(10deg);}100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1;}}@-moz-keyframes flipInX{0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0;}40%{-moz-transform:perspective(400px) rotateX(-10deg);}70%{-moz-transform:perspective(400px) rotateX(10deg);}100%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1;}}@-o-keyframes flipInX{0%{-o-transform:perspective(400px) rotateX(90deg);opacity:0;}40%{-o-transform:perspective(400px) rotateX(-10deg);}70%{-o-transform:perspective(400px) rotateX(10deg);}100%{-o-transform:perspective(400px) rotateX(0deg);opacity:1;}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0;}40%{transform:perspective(400px) rotateX(-10deg);}70%{transform:perspective(400px) rotateX(10deg);}100%{transform:perspective(400px) rotateX(0deg);opacity:1;}}.animated.flipInX{-webkit-backface-visibility:visible !important;-webkit-animation-name:flipInX;-moz-backface-visibility:visible !important;-moz-animation-name:flipInX;-o-backface-visibility:visible !important;-o-animation-name:flipInX;backface-visibility:visible !important;animation-name:flipInX;}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1;}100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;}}@-moz-keyframes flipOutX{0%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1;}100%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0;}}@-o-keyframes flipOutX{0%{-o-transform:perspective(400px) rotateX(0deg);opacity:1;}100%{-o-transform:perspective(400px) rotateX(90deg);opacity:0;}}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:1;}100%{transform:perspective(400px) rotateX(90deg);opacity:0;}}.animated.flipOutX{-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible !important;-moz-animation-name:flipOutX;-moz-backface-visibility:visible !important;-o-animation-name:flipOutX;-o-backface-visibility:visible !important;animation-name:flipOutX;backface-visibility:visible !important;}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;}40%{-webkit-transform:perspective(400px) rotateY(-10deg);}70%{-webkit-transform:perspective(400px) rotateY(10deg);}100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1;}}@-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0;}40%{-moz-transform:perspective(400px) rotateY(-10deg);}70%{-moz-transform:perspective(400px) rotateY(10deg);}100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1;}}@-o-keyframes flipInY{0%{-o-transform:perspective(400px) rotateY(90deg);opacity:0;}40%{-o-transform:perspective(400px) rotateY(-10deg);}70%{-o-transform:perspective(400px) rotateY(10deg);}100%{-o-transform:perspective(400px) rotateY(0deg);opacity:1;}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0;}40%{transform:perspective(400px) rotateY(-10deg);}70%{transform:perspective(400px) rotateY(10deg);}100%{transform:perspective(400px) rotateY(0deg);opacity:1;}}.animated.flipInY{-webkit-backface-visibility:visible !important;-webkit-animation-name:flipInY;-moz-backface-visibility:visible !important;-moz-animation-name:flipInY;-o-backface-visibility:visible !important;-o-animation-name:flipInY;backface-visibility:visible !important;animation-name:flipInY;}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1;}100%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;}}@-moz-keyframes flipOutY{0%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1;}100%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0;}}@-o-keyframes flipOutY{0%{-o-transform:perspective(400px) rotateY(0deg);opacity:1;}100%{-o-transform:perspective(400px) rotateY(90deg);opacity:0;}}@keyframes flipOutY{0%{transform:perspective(400px) rotateY(0deg);opacity:1;}100%{transform:perspective(400px) rotateY(90deg);opacity:0;}}.animated.flipOutY{-webkit-backface-visibility:visible !important;-webkit-animation-name:flipOutY;-moz-backface-visibility:visible !important;-moz-animation-name:flipOutY;-o-backface-visibility:visible !important;-o-animation-name:flipOutY;backface-visibility:visible !important;animation-name:flipOutY;}@-webkit-keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}@-moz-keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}@-o-keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}.animated.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn;}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);}100%{opacity:1;-webkit-transform:translateY(0);}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px);}100%{opacity:1;-moz-transform:translateY(0);}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px);}100%{opacity:1;-o-transform:translateY(0);}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px);}100%{opacity:1;transform:translateY(0);}}.animated.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp;}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);}100%{opacity:1;-webkit-transform:translateY(0);}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px);}100%{opacity:1;-moz-transform:translateY(0);}}@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-20px);}100%{opacity:1;-o-transform:translateY(0);}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px);}100%{opacity:1;transform:translateY(0);}}.animated.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown;}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);}100%{opacity:1;-webkit-transform:translateX(0);}}@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-20px);}100%{opacity:1;-moz-transform:translateX(0);}}@-o-keyframes fadeInLeft{0%{opacity:0;-o-transform:translateX(-20px);}100%{opacity:1;-o-transform:translateX(0);}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px);}100%{opacity:1;transform:translateX(0);}}.animated.fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft;}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);}100%{opacity:1;-webkit-transform:translateX(0);}}@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(20px);}100%{opacity:1;-moz-transform:translateX(0);}}@-o-keyframes fadeInRight{0%{opacity:0;-o-transform:translateX(20px);}100%{opacity:1;-o-transform:translateX(0);}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px);}100%{opacity:1;transform:translateX(0);}}.animated.fadeInRight{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-o-animation-name:fadeInRight;animation-name:fadeInRight;}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);}100%{opacity:1;-webkit-transform:translateY(0);}}@-moz-keyframes fadeInUpBig{0%{opacity:0;-moz-transform:translateY(2000px);}100%{opacity:1;-moz-transform:translateY(0);}}@-o-keyframes fadeInUpBig{0%{opacity:0;-o-transform:translateY(2000px);}100%{opacity:1;-o-transform:translateY(0);}}@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px);}100%{opacity:1;transform:translateY(0);}}.animated.fadeInUpBig{-webkit-animation-name:fadeInUpBig;-moz-animation-name:fadeInUpBig;-o-animation-name:fadeInUpBig;animation-name:fadeInUpBig;}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);}100%{opacity:1;-webkit-transform:translateY(0);}}@-moz-keyframes fadeInDownBig{0%{opacity:0;-moz-transform:translateY(-2000px);}100%{opacity:1;-moz-transform:translateY(0);}}@-o-keyframes fadeInDownBig{0%{opacity:0;-o-transform:translateY(-2000px);}100%{opacity:1;-o-transform:translateY(0);}}@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px);}100%{opacity:1;transform:translateY(0);}}.animated.fadeInDownBig{-webkit-animation-name:fadeInDownBig;-moz-animation-name:fadeInDownBig;-o-animation-name:fadeInDownBig;animation-name:fadeInDownBig;}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);}100%{opacity:1;-webkit-transform:translateX(0);}}@-moz-keyframes fadeInLeftBig{0%{opacity:0;-moz-transform:translateX(-2000px);}100%{opacity:1;-moz-transform:translateX(0);}}@-o-keyframes fadeInLeftBig{0%{opacity:0;-o-transform:translateX(-2000px);}100%{opacity:1;-o-transform:translateX(0);}}@keyframes fadeInLeftBig{0%{opacity:0;transform:translateX(-2000px);}100%{opacity:1;transform:translateX(0);}}.animated.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;-moz-animation-name:fadeInLeftBig;-o-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig;}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);}100%{opacity:1;-webkit-transform:translateX(0);}}@-moz-keyframes fadeInRightBig{0%{opacity:0;-moz-transform:translateX(2000px);}100%{opacity:1;-moz-transform:translateX(0);}}@-o-keyframes fadeInRightBig{0%{opacity:0;-o-transform:translateX(2000px);}100%{opacity:1;-o-transform:translateX(0);}}@keyframes fadeInRightBig{0%{opacity:0;transform:translateX(2000px);}100%{opacity:1;transform:translateX(0);}}.animated.fadeInRightBig{-webkit-animation-name:fadeInRightBig;-moz-animation-name:fadeInRightBig;-o-animation-name:fadeInRightBig;animation-name:fadeInRightBig;}@-webkit-keyframes fadeOut{0%{opacity:1;}100%{opacity:0;}}@-moz-keyframes fadeOut{0%{opacity:1;}100%{opacity:0;}}@-o-keyframes fadeOut{0%{opacity:1;}100%{opacity:0;}}@keyframes fadeOut{0%{opacity:1;}100%{opacity:0;}}.animated.fadeOut{-webkit-animation-name:fadeOut;-moz-animation-name:fadeOut;-o-animation-name:fadeOut;animation-name:fadeOut;}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);}100%{opacity:0;-webkit-transform:translateY(-20px);}}@-moz-keyframes fadeOutUp{0%{opacity:1;-moz-transform:translateY(0);}100%{opacity:0;-moz-transform:translateY(-20px);}}@-o-keyframes fadeOutUp{0%{opacity:1;-o-transform:translateY(0);}100%{opacity:0;-o-transform:translateY(-20px);}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0);}100%{opacity:0;transform:translateY(-20px);}}.animated.fadeOutUp{-webkit-animation-name:fadeOutUp;-moz-animation-name:fadeOutUp;-o-animation-name:fadeOutUp;animation-name:fadeOutUp;}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);}100%{opacity:0;-webkit-transform:translateY(20px);}}@-moz-keyframes fadeOutDown{0%{opacity:1;-moz-transform:translateY(0);}100%{opacity:0;-moz-transform:translateY(20px);}}@-o-keyframes fadeOutDown{0%{opacity:1;-o-transform:translateY(0);}100%{opacity:0;-o-transform:translateY(20px);}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0);}100%{opacity:0;transform:translateY(20px);}}.animated.fadeOutDown{-webkit-animation-name:fadeOutDown;-moz-animation-name:fadeOutDown;-o-animation-name:fadeOutDown;animation-name:fadeOutDown;}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);}100%{opacity:0;-webkit-transform:translateX(-20px);}}@-moz-keyframes fadeOutLeft{0%{opacity:1;-moz-transform:translateX(0);}100%{opacity:0;-moz-transform:translateX(-20px);}}@-o-keyframes fadeOutLeft{0%{opacity:1;-o-transform:translateX(0);}100%{opacity:0;-o-transform:translateX(-20px);}}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0);}100%{opacity:0;transform:translateX(-20px);}}.animated.fadeOutLeft{-webkit-animation-name:fadeOutLeft;-moz-animation-name:fadeOutLeft;-o-animation-name:fadeOutLeft;animation-name:fadeOutLeft;}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);}100%{opacity:0;-webkit-transform:translateX(20px);}}@-moz-keyframes fadeOutRight{0%{opacity:1;-moz-transform:translateX(0);}100%{opacity:0;-moz-transform:translateX(20px);}}@-o-keyframes fadeOutRight{0%{opacity:1;-o-transform:translateX(0);}100%{opacity:0;-o-transform:translateX(20px);}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0);}100%{opacity:0;transform:translateX(20px);}}.animated.fadeOutRight{-webkit-animation-name:fadeOutRight;-moz-animation-name:fadeOutRight;-o-animation-name:fadeOutRight;animation-name:fadeOutRight;}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);}100%{opacity:0;-webkit-transform:translateY(-2000px);}}@-moz-keyframes fadeOutUpBig{0%{opacity:1;-moz-transform:translateY(0);}100%{opacity:0;-moz-transform:translateY(-2000px);}}@-o-keyframes fadeOutUpBig{0%{opacity:1;-o-transform:translateY(0);}100%{opacity:0;-o-transform:translateY(-2000px);}}@keyframes fadeOutUpBig{0%{opacity:1;transform:translateY(0);}100%{opacity:0;transform:translateY(-2000px);}}.animated.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;-moz-animation-name:fadeOutUpBig;-o-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig;}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);}100%{opacity:0;-webkit-transform:translateY(2000px);}}@-moz-keyframes fadeOutDownBig{0%{opacity:1;-moz-transform:translateY(0);}100%{opacity:0;-moz-transform:translateY(2000px);}}@-o-keyframes fadeOutDownBig{0%{opacity:1;-o-transform:translateY(0);}100%{opacity:0;-o-transform:translateY(2000px);}}@keyframes fadeOutDownBig{0%{opacity:1;transform:translateY(0);}100%{opacity:0;transform:translateY(2000px);}}.animated.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;-moz-animation-name:fadeOutDownBig;-o-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig;}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);}100%{opacity:0;-webkit-transform:translateX(-2000px);}}@-moz-keyframes fadeOutLeftBig{0%{opacity:1;-moz-transform:translateX(0);}100%{opacity:0;-moz-transform:translateX(-2000px);}}@-o-keyframes fadeOutLeftBig{0%{opacity:1;-o-transform:translateX(0);}100%{opacity:0;-o-transform:translateX(-2000px);}}@keyframes fadeOutLeftBig{0%{opacity:1;transform:translateX(0);}100%{opacity:0;transform:translateX(-2000px);}}.animated.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;-moz-animation-name:fadeOutLeftBig;-o-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig;}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);}100%{opacity:0;-webkit-transform:translateX(2000px);}}@-moz-keyframes fadeOutRightBig{0%{opacity:1;-moz-transform:translateX(0);}100%{opacity:0;-moz-transform:translateX(2000px);}}@-o-keyframes fadeOutRightBig{0%{opacity:1;-o-transform:translateX(0);}100%{opacity:0;-o-transform:translateX(2000px);}}@keyframes fadeOutRightBig{0%{opacity:1;transform:translateX(0);}100%{opacity:0;transform:translateX(2000px);}}.animated.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;-moz-animation-name:fadeOutRightBig;-o-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig;}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);}50%{opacity:1;-webkit-transform:scale(1.05);}70%{-webkit-transform:scale(.9);}100%{-webkit-transform:scale(1);}}@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(.3);}50%{opacity:1;-moz-transform:scale(1.05);}70%{-moz-transform:scale(.9);}100%{-moz-transform:scale(1);}}@-o-keyframes bounceIn{0%{opacity:0;-o-transform:scale(.3);}50%{opacity:1;-o-transform:scale(1.05);}70%{-o-transform:scale(.9);}100%{-o-transform:scale(1);}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3);}50%{opacity:1;transform:scale(1.05);}70%{transform:scale(.9);}100%{transform:scale(1);}}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);}100%{-webkit-transform:translateY(0);}}@-moz-keyframes slideInDown{0%{opacity:0;-moz-transform:translateY(-2000px);}100%{-moz-transform:translateY(0);}}@-o-keyframes slideInDown{0%{opacity:0;-o-transform:translateY(-2000px);}100%{-o-transform:translateY(0);}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-2000px);}100%{transform:translateY(0);}}.slideInDown{-webkit-animation-name:slideInDown;-moz-animation-name:slideInDown;-o-animation-name:slideInDown;animation-name:slideInDown;}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);}100%{-webkit-transform:translateX(0);}}@-moz-keyframes slideInLeft{0%{opacity:0;-moz-transform:translateX(-2000px);}100%{-moz-transform:translateX(0);}}@-o-keyframes slideInLeft{0%{opacity:0;-o-transform:translateX(-2000px);}100%{-o-transform:translateX(0);}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-2000px);}100%{transform:translateX(0);}}.slideInLeft{-webkit-animation-name:slideInLeft;-moz-animation-name:slideInLeft;-o-animation-name:slideInLeft;animation-name:slideInLeft;}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);}100%{-webkit-transform:translateX(0);}}@-moz-keyframes slideInRight{0%{opacity:0;-moz-transform:translateX(2000px);}100%{-moz-transform:translateX(0);}}@-o-keyframes slideInRight{0%{opacity:0;-o-transform:translateX(2000px);}100%{-o-transform:translateX(0);}}@keyframes slideInRight{0%{opacity:0;transform:translateX(2000px);}100%{transform:translateX(0);}}.slideInRight{-webkit-animation-name:slideInRight;-moz-animation-name:slideInRight;-o-animation-name:slideInRight;animation-name:slideInRight;}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);}100%{opacity:0;-webkit-transform:translateX(-2000px);}}@-moz-keyframes slideOutLeft{0%{-moz-transform:translateX(0);}100%{opacity:0;-moz-transform:translateX(-2000px);}}@-o-keyframes slideOutLeft{0%{-o-transform:translateX(0);}100%{opacity:0;-o-transform:translateX(-2000px);}}@keyframes slideOutLeft{0%{transform:translateX(0);}100%{opacity:0;transform:translateX(-2000px);}}.slideOutLeft{-webkit-animation-name:slideOutLeft;-moz-animation-name:slideOutLeft;-o-animation-name:slideOutLeft;animation-name:slideOutLeft;}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);}100%{opacity:0;-webkit-transform:translateX(2000px);}}@-moz-keyframes slideOutRight{0%{-moz-transform:translateX(0);}100%{opacity:0;-moz-transform:translateX(2000px);}}@-o-keyframes slideOutRight{0%{-o-transform:translateX(0);}100%{opacity:0;-o-transform:translateX(2000px);}}@keyframes slideOutRight{0%{transform:translateX(0);}100%{opacity:0;transform:translateX(2000px);}}.slideOutRight{-webkit-animation-name:slideOutRight;-moz-animation-name:slideOutRight;-o-animation-name:slideOutRight;animation-name:slideOutRight;}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);}100%{opacity:0;-webkit-transform:translateY(-2000px);}}@-moz-keyframes slideOutUp{0%{-moz-transform:translateY(0);}100%{opacity:0;-moz-transform:translateY(-2000px);}}@-o-keyframes slideOutUp{0%{-o-transform:translateY(0);}100%{opacity:0;-o-transform:translateY(-2000px);}}@keyframes slideOutUp{0%{transform:translateY(0);}100%{opacity:0;transform:translateY(-2000px);}}.slideOutUp{-webkit-animation-name:slideOutUp;-moz-animation-name:slideOutUp;-o-animation-name:slideOutUp;animation-name:slideOutUp;}.animated.bounceIn{-webkit-animation-name:bounceIn;-moz-animation-name:bounceIn;-o-animation-name:bounceIn;animation-name:bounceIn;}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);}60%{opacity:1;-webkit-transform:translateY(-30px);}80%{-webkit-transform:translateY(10px);}100%{-webkit-transform:translateY(0);}}@-moz-keyframes bounceInUp{0%{opacity:0;-moz-transform:translateY(2000px);}60%{opacity:1;-moz-transform:translateY(-30px);}80%{-moz-transform:translateY(10px);}100%{-moz-transform:translateY(0);}}@-o-keyframes bounceInUp{0%{opacity:0;-o-transform:translateY(2000px);}60%{opacity:1;-o-transform:translateY(-30px);}80%{-o-transform:translateY(10px);}100%{-o-transform:translateY(0);}}@keyframes bounceInUp{0%{opacity:0;transform:translateY(2000px);}60%{opacity:1;transform:translateY(-30px);}80%{transform:translateY(10px);}100%{transform:translateY(0);}}.animated.bounceInUp{-webkit-animation-name:bounceInUp;-moz-animation-name:bounceInUp;-o-animation-name:bounceInUp;animation-name:bounceInUp;}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);}60%{opacity:1;-webkit-transform:translateY(30px);}80%{-webkit-transform:translateY(-10px);}100%{-webkit-transform:translateY(0);}}@-moz-keyframes bounceInDown{0%{opacity:0;-moz-transform:translateY(-2000px);}60%{opacity:1;-moz-transform:translateY(30px);}80%{-moz-transform:translateY(-10px);}100%{-moz-transform:translateY(0);}}@-o-keyframes bounceInDown{0%{opacity:0;-o-transform:translateY(-2000px);}60%{opacity:1;-o-transform:translateY(30px);}80%{-o-transform:translateY(-10px);}100%{-o-transform:translateY(0);}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px);}60%{opacity:1;transform:translateY(30px);}80%{transform:translateY(-10px);}100%{transform:translateY(0);}}.animated.bounceInDown{-webkit-animation-name:bounceInDown;-moz-animation-name:bounceInDown;-o-animation-name:bounceInDown;animation-name:bounceInDown;}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);}60%{opacity:1;-webkit-transform:translateX(30px);}80%{-webkit-transform:translateX(-10px);}100%{-webkit-transform:translateX(0);}}@-moz-keyframes bounceInLeft{0%{opacity:0;-moz-transform:translateX(-2000px);}60%{opacity:1;-moz-transform:translateX(30px);}80%{-moz-transform:translateX(-10px);}100%{-moz-transform:translateX(0);}}@-o-keyframes bounceInLeft{0%{opacity:0;-o-transform:translateX(-2000px);}60%{opacity:1;-o-transform:translateX(30px);}80%{-o-transform:translateX(-10px);}100%{-o-transform:translateX(0);}}@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-2000px);}60%{opacity:1;transform:translateX(30px);}80%{transform:translateX(-10px);}100%{transform:translateX(0);}}.animated.bounceInLeft{-webkit-animation-name:bounceInLeft;-moz-animation-name:bounceInLeft;-o-animation-name:bounceInLeft;animation-name:bounceInLeft;}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);}60%{opacity:1;-webkit-transform:translateX(-30px);}80%{-webkit-transform:translateX(10px);}100%{-webkit-transform:translateX(0);}}@-moz-keyframes bounceInRight{0%{opacity:0;-moz-transform:translateX(2000px);}60%{opacity:1;-moz-transform:translateX(-30px);}80%{-moz-transform:translateX(10px);}100%{-moz-transform:translateX(0);}}@-o-keyframes bounceInRight{0%{opacity:0;-o-transform:translateX(2000px);}60%{opacity:1;-o-transform:translateX(-30px);}80%{-o-transform:translateX(10px);}100%{-o-transform:translateX(0);}}@keyframes bounceInRight{0%{opacity:0;transform:translateX(2000px);}60%{opacity:1;transform:translateX(-30px);}80%{transform:translateX(10px);}100%{transform:translateX(0);}}.animated.bounceInRight{-webkit-animation-name:bounceInRight;-moz-animation-name:bounceInRight;-o-animation-name:bounceInRight;animation-name:bounceInRight;}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);}25%{-webkit-transform:scale(.95);}50%{opacity:1;-webkit-transform:scale(1.1);}100%{opacity:0;-webkit-transform:scale(.3);}}@-moz-keyframes bounceOut{0%{-moz-transform:scale(1);}25%{-moz-transform:scale(.95);}50%{opacity:1;-moz-transform:scale(1.1);}100%{opacity:0;-moz-transform:scale(.3);}}@-o-keyframes bounceOut{0%{-o-transform:scale(1);}25%{-o-transform:scale(.95);}50%{opacity:1;-o-transform:scale(1.1);}100%{opacity:0;-o-transform:scale(.3);}}@keyframes bounceOut{0%{transform:scale(1);}25%{transform:scale(.95);}50%{opacity:1;transform:scale(1.1);}100%{opacity:0;transform:scale(.3);}}.animated.bounceOut{-webkit-animation-name:bounceOut;-moz-animation-name:bounceOut;-o-animation-name:bounceOut;animation-name:bounceOut;}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);}20%{opacity:1;-webkit-transform:translateY(20px);}100%{opacity:0;-webkit-transform:translateY(-2000px);}}@-moz-keyframes bounceOutUp{0%{-moz-transform:translateY(0);}20%{opacity:1;-moz-transform:translateY(20px);}100%{opacity:0;-moz-transform:translateY(-2000px);}}@-o-keyframes bounceOutUp{0%{-o-transform:translateY(0);}20%{opacity:1;-o-transform:translateY(20px);}100%{opacity:0;-o-transform:translateY(-2000px);}}@keyframes bounceOutUp{0%{transform:translateY(0);}20%{opacity:1;transform:translateY(20px);}100%{opacity:0;transform:translateY(-2000px);}}.animated.bounceOutUp{-webkit-animation-name:bounceOutUp;-moz-animation-name:bounceOutUp;-o-animation-name:bounceOutUp;animation-name:bounceOutUp;}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);}20%{opacity:1;-webkit-transform:translateY(-20px);}100%{opacity:0;-webkit-transform:translateY(2000px);}}@-moz-keyframes bounceOutDown{0%{-moz-transform:translateY(0);}20%{opacity:1;-moz-transform:translateY(-20px);}100%{opacity:0;-moz-transform:translateY(2000px);}}@-o-keyframes bounceOutDown{0%{-o-transform:translateY(0);}20%{opacity:1;-o-transform:translateY(-20px);}100%{opacity:0;-o-transform:translateY(2000px);}}@keyframes bounceOutDown{0%{transform:translateY(0);}20%{opacity:1;transform:translateY(-20px);}100%{opacity:0;transform:translateY(2000px);}}.animated.bounceOutDown{-webkit-animation-name:bounceOutDown;-moz-animation-name:bounceOutDown;-o-animation-name:bounceOutDown;animation-name:bounceOutDown;}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);}20%{opacity:1;-webkit-transform:translateX(20px);}100%{opacity:0;-webkit-transform:translateX(-2000px);}}@-moz-keyframes bounceOutLeft{0%{-moz-transform:translateX(0);}20%{opacity:1;-moz-transform:translateX(20px);}100%{opacity:0;-moz-transform:translateX(-2000px);}}@-o-keyframes bounceOutLeft{0%{-o-transform:translateX(0);}20%{opacity:1;-o-transform:translateX(20px);}100%{opacity:0;-o-transform:translateX(-2000px);}}@keyframes bounceOutLeft{0%{transform:translateX(0);}20%{opacity:1;transform:translateX(20px);}100%{opacity:0;transform:translateX(-2000px);}}.animated.bounceOutLeft{-webkit-animation-name:bounceOutLeft;-moz-animation-name:bounceOutLeft;-o-animation-name:bounceOutLeft;animation-name:bounceOutLeft;}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);}20%{opacity:1;-webkit-transform:translateX(-20px);}100%{opacity:0;-webkit-transform:translateX(2000px);}}@-moz-keyframes bounceOutRight{0%{-moz-transform:translateX(0);}20%{opacity:1;-moz-transform:translateX(-20px);}100%{opacity:0;-moz-transform:translateX(2000px);}}@-o-keyframes bounceOutRight{0%{-o-transform:translateX(0);}20%{opacity:1;-o-transform:translateX(-20px);}100%{opacity:0;-o-transform:translateX(2000px);}}@keyframes bounceOutRight{0%{transform:translateX(0);}20%{opacity:1;transform:translateX(-20px);}100%{opacity:0;transform:translateX(2000px);}}.animated.bounceOutRight{-webkit-animation-name:bounceOutRight;-moz-animation-name:bounceOutRight;-o-animation-name:bounceOutRight;animation-name:bounceOutRight;}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-200deg);opacity:0;}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1;}}@-moz-keyframes rotateIn{0%{-moz-transform-origin:center center;-moz-transform:rotate(-200deg);opacity:0;}100%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1;}}@-o-keyframes rotateIn{0%{-o-transform-origin:center center;-o-transform:rotate(-200deg);opacity:0;}100%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1;}}@keyframes rotateIn{0%{transform-origin:center center;transform:rotate(-200deg);opacity:0;}100%{transform-origin:center center;transform:rotate(0);opacity:1;}}.animated.rotateIn{-webkit-animation-name:rotateIn;-moz-animation-name:rotateIn;-o-animation-name:rotateIn;animation-name:rotateIn;}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0;}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1;}}@-moz-keyframes rotateInUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0;}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1;}}@-o-keyframes rotateInUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0;}100%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1;}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0;}100%{transform-origin:left bottom;transform:rotate(0);opacity:1;}}.animated.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;-moz-animation-name:rotateInUpLeft;-o-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0;}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1;}}@-moz-keyframes rotateInDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0;}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1;}}@-o-keyframes rotateInDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0;}100%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1;}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0;}100%{transform-origin:left bottom;transform:rotate(0);opacity:1;}}.animated.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;-moz-animation-name:rotateInDownLeft;-o-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0;}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1;}}@-moz-keyframes rotateInUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0;}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1;}}@-o-keyframes rotateInUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0;}100%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1;}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0;}100%{transform-origin:right bottom;transform:rotate(0);opacity:1;}}.animated.rotateInUpRight{-webkit-animation-name:rotateInUpRight;-moz-animation-name:rotateInUpRight;-o-animation-name:rotateInUpRight;animation-name:rotateInUpRight;}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0;}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1;}}@-moz-keyframes rotateInDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0;}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1;}}@-o-keyframes rotateInDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0;}100%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1;}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0;}100%{transform-origin:right bottom;transform:rotate(0);opacity:1;}}.animated.rotateInDownRight{-webkit-animation-name:rotateInDownRight;-moz-animation-name:rotateInDownRight;-o-animation-name:rotateInDownRight;animation-name:rotateInDownRight;}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1;}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0;}}@-moz-keyframes rotateOut{0%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1;}100%{-moz-transform-origin:center center;-moz-transform:rotate(200deg);opacity:0;}}@-o-keyframes rotateOut{0%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1;}100%{-o-transform-origin:center center;-o-transform:rotate(200deg);opacity:0;}}@keyframes rotateOut{0%{transform-origin:center center;transform:rotate(0);opacity:1;}100%{transform-origin:center center;transform:rotate(200deg);opacity:0;}}.animated.rotateOut{-webkit-animation-name:rotateOut;-moz-animation-name:rotateOut;-o-animation-name:rotateOut;animation-name:rotateOut;}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1;}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0;}}@-moz-keyframes rotateOutUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1;}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0;}}@-o-keyframes rotateOutUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1;}100%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0;}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1;}100%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0;}}.animated.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;-moz-animation-name:rotateOutUpLeft;-o-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1;}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0;}}@-moz-keyframes rotateOutDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1;}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0;}}@-o-keyframes rotateOutDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1;}100%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0;}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1;}100%{transform-origin:left bottom;transform:rotate(90deg);opacity:0;}}.animated.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;-moz-animation-name:rotateOutDownLeft;-o-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1;}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0;}}@-moz-keyframes rotateOutUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1;}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0;}}@-o-keyframes rotateOutUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1;}100%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0;}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1;}100%{transform-origin:right bottom;transform:rotate(90deg);opacity:0;}}.animated.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;-moz-animation-name:rotateOutUpRight;-o-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1;}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0;}}@-moz-keyframes rotateOutDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1;}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0;}}@-o-keyframes rotateOutDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1;}100%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0;}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1;}100%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0;}}.animated.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;-moz-animation-name:rotateOutDownRight;-o-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;}20%,60%{-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;}40%{-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;}80%{-webkit-transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;}100%{-webkit-transform:translateY(700px);opacity:0;}}@-moz-keyframes hinge{0%{-moz-transform:rotate(0);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out;}20%,60%{-moz-transform:rotate(80deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out;}40%{-moz-transform:rotate(60deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out;}80%{-moz-transform:rotate(60deg) translateY(0);opacity:1;-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out;}100%{-moz-transform:translateY(700px);opacity:0;}}@-o-keyframes hinge{0%{-o-transform:rotate(0);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out;}20%,60%{-o-transform:rotate(80deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out;}40%{-o-transform:rotate(60deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out;}80%{-o-transform:rotate(60deg) translateY(0);opacity:1;-o-transform-origin:top left;-o-animation-timing-function:ease-in-out;}100%{-o-transform:translateY(700px);opacity:0;}}@keyframes hinge{0%{transform:rotate(0);transform-origin:top left;animation-timing-function:ease-in-out;}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out;}40%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;}80%{transform:rotate(60deg) translateY(0);opacity:1;transform-origin:top left;animation-timing-function:ease-in-out;}100%{transform:translateY(700px);opacity:0;}}.animated.hinge{-webkit-animation-name:hinge;-moz-animation-name:hinge;-o-animation-name:hinge;animation-name:hinge;}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);}}@-moz-keyframes rollIn{0%{opacity:0;-moz-transform:translateX(-100%) rotate(-120deg);}100%{opacity:1;-moz-transform:translateX(0px) rotate(0deg);}}@-o-keyframes rollIn{0%{opacity:0;-o-transform:translateX(-100%) rotate(-120deg);}100%{opacity:1;-o-transform:translateX(0px) rotate(0deg);}}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg);}100%{opacity:1;transform:translateX(0px) rotate(0deg);}}.animated.rollIn{-webkit-animation-name:rollIn;-moz-animation-name:rollIn;-o-animation-name:rollIn;animation-name:rollIn;}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);}}@-moz-keyframes rollOut{0%{opacity:1;-moz-transform:translateX(0px) rotate(0deg);}100%{opacity:0;-moz-transform:translateX(100%) rotate(120deg);}}@-o-keyframes rollOut{0%{opacity:1;-o-transform:translateX(0px) rotate(0deg);}100%{opacity:0;-o-transform:translateX(100%) rotate(120deg);}}@keyframes rollOut{0%{opacity:1;transform:translateX(0px) rotate(0deg);}100%{opacity:0;transform:translateX(100%) rotate(120deg);}}.animated.rollOut{-webkit-animation-name:rollOut;-moz-animation-name:rollOut;-o-animation-name:rollOut;animation-name:rollOut;}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0;}60%{-webkit-transform:translateX(-20%) skewX(30deg);opacity:1;}80%{-webkit-transform:translateX(0%) skewX(-15deg);opacity:1;}100%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1;}}@-moz-keyframes lightSpeedIn{0%{-moz-transform:translateX(100%) skewX(-30deg);opacity:0;}60%{-moz-transform:translateX(-20%) skewX(30deg);opacity:1;}80%{-moz-transform:translateX(0%) skewX(-15deg);opacity:1;}100%{-moz-transform:translateX(0%) skewX(0deg);opacity:1;}}@-o-keyframes lightSpeedIn{0%{-o-transform:translateX(100%) skewX(-30deg);opacity:0;}60%{-o-transform:translateX(-20%) skewX(30deg);opacity:1;}80%{-o-transform:translateX(0%) skewX(-15deg);opacity:1;}100%{-o-transform:translateX(0%) skewX(0deg);opacity:1;}}@keyframes lightSpeedIn{0%{transform:translateX(100%) skewX(-30deg);opacity:0;}60%{transform:translateX(-20%) skewX(30deg);opacity:1;}80%{transform:translateX(0%) skewX(-15deg);opacity:1;}100%{transform:translateX(0%) skewX(0deg);opacity:1;}}.animated.lightSpeedIn{-webkit-animation-name:lightSpeedIn;-moz-animation-name:lightSpeedIn;-o-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;}.animated.lightSpeedIn{-webkit-animation-duration:0.5s;-moz-animation-duration:0.5s;-o-animation-duration:0.5s;animation-duration:0.5s;}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1;}100%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0;}}@-moz-keyframes lightSpeedOut{0%{-moz-transform:translateX(0%) skewX(0deg);opacity:1;}100%{-moz-transform:translateX(100%) skewX(-30deg);opacity:0;}}@-o-keyframes lightSpeedOut{0%{-o-transform:translateX(0%) skewX(0deg);opacity:1;}100%{-o-transform:translateX(100%) skewX(-30deg);opacity:0;}}@keyframes lightSpeedOut{0%{transform:translateX(0%) skewX(0deg);opacity:1;}100%{transform:translateX(100%) skewX(-30deg);opacity:0;}}.animated.lightSpeedOut{-webkit-animation-name:lightSpeedOut;-moz-animation-name:lightSpeedOut;-o-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in;}.animated.lightSpeedOut{-webkit-animation-duration:0.25s;-moz-animation-duration:0.25s;-o-animation-duration:0.25s;animation-duration:0.25s;}
.animate0 {
   	-webkit-animation-duration: .8s;
	-webkit-animation-delay: 0s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-delay: 0s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s;
	-ms-animation-delay: 0s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .8s;
	animation-delay: 0s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
}         

.animate1{
   	-webkit-animation-duration: .8s;
	-webkit-animation-delay: .2s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-delay: .2s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s;
	-ms-animation-delay: .2s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .8s;
	animation-delay: .2s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
} 

.animate2{
   	-webkit-animation-duration: .8s;
	-webkit-animation-delay: .4s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-delay: .4s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s;
	-ms-animation-delay: .4s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .8s;
	animation-delay: .4s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
} 

.animate3{
   	-webkit-animation-duration: .8s;
	-webkit-animation-delay: .6s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-delay: .6s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s;
	-ms-animation-delay: .6s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .8s;
	animation-delay: .6s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
}   

.animate4{
   	-webkit-animation-duration: .8s;
	-webkit-animation-delay: .8s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-delay: .8s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s;
	-ms-animation-delay: .8s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .8s;
	animation-delay: .8s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
}  

.animate5{
   	-webkit-animation-duration: .8s;
	-webkit-animation-delay: 1s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-delay: 1s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s;
	-ms-animation-delay: 1s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .8s;
	animation-delay: 1s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
}    
.animate6{
   	-webkit-animation-duration: .8s;
	-webkit-animation-delay: 1.2s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-delay: 1.2s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s;
	-ms-animation-delay: 1.2s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .8s;
	animation-delay: 1.2s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
}    
.animate7{
   	-webkit-animation-duration: .8s;
	-webkit-animation-delay: 1.4s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-delay: 1.4s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s;
	-ms-animation-delay: 1.4s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .8s;
	animation-delay: 1.4s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
}

.animate8{
   	-webkit-animation-duration: .8s;
	-webkit-animation-delay: 1.8s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-delay: 1.8s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s;
	-ms-animation-delay: 1.8s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .8s;
	animation-delay: 1.8s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
}

.animate9{
   	-webkit-animation-duration: .8s;
	-webkit-animation-delay: 1.8s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-delay: 1.8s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s;
	-ms-animation-delay: 1.8s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .8s;
	animation-delay: 1.8s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
}

.animate10{
   	-webkit-animation-duration: .8s;
	-webkit-animation-delay: 2.0s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-delay: 2.0s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s;
	-ms-animation-delay: 2.0s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .8s;
	animation-delay: 2.0s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
}   

.animate11{
   	-webkit-animation-duration: .8s;
	-webkit-animation-delay: 2.2s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-delay: 2.2s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s;
	-ms-animation-delay: 2.2s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .8s;
	animation-delay: 2.2s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
}

.animate12{
   	-webkit-animation-duration: .8s;
	-webkit-animation-delay: 2.4s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-delay: 2.4s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s;
	-ms-animation-delay: 2.4s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .8s;
	animation-delay: 2.4s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
} 

.animate13{
   	-webkit-animation-duration: .8s;
	-webkit-animation-delay: 2.8s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-delay: 2.8s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s;
	-ms-animation-delay: 2.8s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .8s;
	animation-delay: 2.8s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
}

.animate14{
   	-webkit-animation-duration: .8s;
	-webkit-animation-delay: 2.8s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-delay: 2.8s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s;
	-ms-animation-delay: 2.8s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .8s;
	animation-delay: 2.8s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
}  

.animate15{
   	-webkit-animation-duration: .8s;
	-webkit-animation-delay: 3.0s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-delay: 3.0s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s;
	-ms-animation-delay: 3.0s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .8s;
	animation-delay: 3.0s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
}

.animate16{
   	-webkit-animation-duration: .8s;
	-webkit-animation-delay: 3.2s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-delay: 3.2s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s;
	-ms-animation-delay: 3.2s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .8s;
	animation-delay: 3.2s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
}

.animate17{
   	-webkit-animation-duration: .8s;
	-webkit-animation-delay: 3.4s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-delay: 3.4s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s;
	-ms-animation-delay: 3.4s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .8s;
	animation-delay: 3.4s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
}
.animate18{
   	-webkit-animation-duration: .8s;
	-webkit-animation-delay: 3.6s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-delay: 3.6s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s;
	-ms-animation-delay: 3.6s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .8s;
	animation-delay: 3.6s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
}
.animate19{
   	-webkit-animation-duration: .8s;
	-webkit-animation-delay: 3.8s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-delay: 3.8s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s;
	-ms-animation-delay: 3.8s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .8s;
	animation-delay: 3.8s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
}

.animate20{
   	-webkit-animation-duration: .8s;
	-webkit-animation-delay: 4.0s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-delay: 4.0s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s;
	-ms-animation-delay: 4.0s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .8s;
	animation-delay: 4.0s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
}
.toggle-slide {
  overflow: hidden;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  direction: ltr;
}
.toggle-slide .toggle-on,.toggle-slide .toggle-off,.toggle-slide .toggle-blob {
  float: left;
}
.toggle-slide .toggle-blob {
  position: relative;
  z-index: 99;
  cursor: hand;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}

.toggle-slide {
  overflow: hidden;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  direction: ltr;
}
.toggle-slide .toggle-on,.toggle-slide .toggle-off,.toggle-slide .toggle-blob {
    float: left;
}
.toggle-slide .toggle-blob {
    position: relative;
    z-index: 99;
    cursor: hand;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

/*** THEMES ***/

.toggle-default .toggle-slide {
  border: 1px solid #ccc;
}

.toggle-default .toggle-slide.active {
  border-color: #999;
}

.toggle-default .toggle-slide .toggle-on,
.toggle-default .toggle-slide .toggle-off,
.toggle-default .toggle-slide .toggle-blob {
  font-size: 11px;
  font-weight: 500;
}

.toggle-default .toggle-slide .toggle-on,
.toggle-default .toggle-select .toggle-inner .active {
  background: #999;
  color: #fff;
}

.toggle-default .toggle-slide .toggle-off,
.toggle-default .toggle-select .toggle-on {
  color: #666;
  background: #f7f7f7;
}

.toggle-default .toggle-slide .toggle-blob {
  background: #fff;
  border-right: 1px solid #ccc;
}

.toggle-default .toggle-slide.active .toggle-blob {
  border-left: 1px solid #999;
  border-right: 0;
}

.toggle-default .toggle-slide .toggle-blob:hover {
  background: #fcfcfc;
}

/* toggle primary */

.toggle-primary .toggle-slide {
  border: 1px solid #999;
}

.toggle-primary .toggle-slide.active {
  border-color: #357EBD;
}

.toggle-primary .toggle-slide .toggle-on,
.toggle-primary .toggle-slide .toggle-off,
.toggle-primary .toggle-slide .toggle-blob {
  font-size: 11px;
  font-weight: 500;
}

.toggle-primary .toggle-slide .toggle-on,
.toggle-primary .toggle-select .toggle-inner .active {
  background: #428BCA;
  color: #fff;
}

.toggle-primary .toggle-slide .toggle-off,
.toggle-primary .toggle-select .toggle-on {
  color: #fff;
  background: #bbb;
}

.toggle-primary .toggle-slide .toggle-blob {
  background: #fff;
  border-right: 1px solid #999;
}

.toggle-primary .toggle-slide.active .toggle-blob {
  border-left: 1px solid #357EBD;
  border-right: 0;
}

.toggle-primary .toggle-slide .toggle-blob:hover {
  background: #fcfcfc;
}

/* toggle success */

.toggle-success .toggle-slide {
  border: 1px solid #999;
}

.toggle-success .toggle-slide.active {
  border-color: #1CAF9A;
}

.toggle-success .toggle-slide .toggle-on,
.toggle-success .toggle-slide .toggle-off,
.toggle-success .toggle-slide .toggle-blob {
  font-size: 11px;
  font-weight: 500;
}

.toggle-success .toggle-slide .toggle-on,
.toggle-success .toggle-select .toggle-inner .active {
  background: #1CAF9A;
  color: #fff;
}

.toggle-success .toggle-slide .toggle-off,
.toggle-success .toggle-select .toggle-on {
  color: #fff;
  background: #bbb;
}

.toggle-success .toggle-slide .toggle-blob {
  background: #fff;
  border-right: 1px solid #999;
}

.toggle-success .toggle-slide.active .toggle-blob {
  border-left: 1px solid #4CAE4C;
  border-right: 0;
}

.toggle-success .toggle-slide .toggle-blob:hover {
  background: #fcfcfc;
}

/* toggle warning */

.toggle-warning .toggle-slide {
  border: 1px solid #999;
}

.toggle-warning .toggle-slide.active {
  border-color: #EEA236;
}

.toggle-warning .toggle-slide .toggle-on,
.toggle-warning .toggle-slide .toggle-off,
.toggle-warning .toggle-slide .toggle-blob {
  font-size: 11px;
  font-weight: 500;
}

.toggle-warning .toggle-slide .toggle-on,
.toggle-warning .toggle-select .toggle-inner .active {
  background: #F0AD4E;
  color: #fff;
}

.toggle-warning .toggle-slide .toggle-off,
.toggle-warning .toggle-select .toggle-on {
  color: #fff;
  background: #bbb;
}

.toggle-warning .toggle-slide .toggle-blob {
  background: #fff;
  border-right: 1px solid #999;
}

.toggle-warning .toggle-slide.active .toggle-blob {
  border-left: 1px solid #EEA236;
  border-right: 0;
}

.toggle-warning .toggle-slide .toggle-blob:hover {
  background: #fcfcfc;
}

/* toggle danger */

.toggle-danger .toggle-slide {
  border: 1px solid #999;
}

.toggle-danger .toggle-slide.active {
  border-color: #D43F3A;
}

.toggle-danger .toggle-slide .toggle-on,
.toggle-danger .toggle-slide .toggle-off,
.toggle-danger .toggle-slide .toggle-blob {
  font-size: 11px;
  font-weight: 500;
}

.toggle-danger .toggle-slide .toggle-on,
.toggle-danger .toggle-select .toggle-inner .active {
  background: #D9534F;
  color: #fff;
}

.toggle-danger .toggle-slide .toggle-off,
.toggle-danger .toggle-select .toggle-on {
  color: #fff;
  background: #bbb;
}

.toggle-danger .toggle-slide .toggle-blob {
  background: #fff;
  border-right: 1px solid #999;
}

.toggle-danger .toggle-slide.active .toggle-blob {
  border-left: 1px solid #D43F3A;
  border-right: 0;
}

.toggle-danger .toggle-slide .toggle-blob:hover {
  background: #fcfcfc;
}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 26, 2013 07:16:15 AM America/New_York */



@font-face {
    font-family: 'LatoBlackItalic';
    src: url('/Content/fonts/lato/Lato-BlaIta-webfont.eot');
    src: url('/Content/fonts/lato/Lato-BlaIta-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/lato/Lato-BlaIta-webfont.woff') format('woff'),
         url('/Content/fonts/lato/Lato-BlaIta-webfont.ttf') format('truetype'),
         url('/Content/fonts/lato/Lato-BlaIta-webfont.svg#LatoBlackItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoBlack';
    src: url('/Content/fonts/lato/Lato-Bla-webfont.eot');
    src: url('/Content/fonts/lato/Lato-Bla-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/lato/Lato-Bla-webfont.woff') format('woff'),
         url('/Content/fonts/lato/Lato-Bla-webfont.ttf') format('truetype'),
         url('/Content/fonts/lato/Lato-Bla-webfont.svg#LatoBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoBoldItalic';
    src: url('/Content/fonts/lato/Lato-BolIta-webfont.eot');
    src: url('/Content/fonts/lato/Lato-BolIta-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/lato/Lato-BolIta-webfont.woff') format('woff'),
         url('/Content/fonts/lato/Lato-BolIta-webfont.ttf') format('truetype'),
         url('/Content/fonts/lato/Lato-BolIta-webfont.svg#LatoBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoBold';
    src: url('/Content/fonts/lato/Lato-Bol-webfont.eot');
    src: url('/Content/fonts/lato/Lato-Bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/lato/Lato-Bol-webfont.woff') format('woff'),
         url('/Content/fonts/lato/Lato-Bol-webfont.ttf') format('truetype'),
         url('/Content/fonts/lato/Lato-Bol-webfont.svg#LatoBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoItalic';
    src: url('/Content/fonts/lato/Lato-RegIta-webfont.eot');
    src: url('/Content/fonts/lato/Lato-RegIta-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/lato/Lato-RegIta-webfont.woff') format('woff'),
         url('/Content/fonts/lato/Lato-RegIta-webfont.ttf') format('truetype'),
         url('/Content/fonts/lato/Lato-RegIta-webfont.svg#LatoItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoRegular';
    src: url('/Content/fonts/lato/Lato-Reg-webfont.eot');
    src: url('/Content/fonts/lato/Lato-Reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/lato/Lato-Reg-webfont.ttf') format('truetype'),
         url('/Content/fonts/lato/Lato-Reg-webfont.svg#LatoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoLightItalic';
    src: url('/Content/fonts/lato/Lato-LigIta-webfont.eot');
    src: url('/Content/fonts/lato/Lato-LigIta-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/lato/Lato-LigIta-webfont.woff') format('woff'),
         url('/Content/fonts/lato/Lato-LigIta-webfont.ttf') format('truetype'),
         url('/Content/fonts/lato/Lato-LigIta-webfont.svg#LatoLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoLight';
    src: url('/Content/fonts/lato/Lato-Lig-webfont.eot');
    src: url('/Content/fonts/lato/Lato-Lig-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/lato/Lato-Lig-webfont.woff') format('woff'),
         url('/Content/fonts/lato/Lato-Lig-webfont.ttf') format('truetype'),
         url('/Content/fonts/lato/Lato-Lig-webfont.svg#LatoLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoHairlineItalic';
    src: url('/Content/fonts/lato/Lato-HaiIta-webfont.eot');
    src: url('/Content/fonts/lato/Lato-HaiIta-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/lato/Lato-HaiIta-webfont.woff') format('woff'),
         url('/Content/fonts/lato/Lato-HaiIta-webfont.ttf') format('truetype'),
         url('/Content/fonts/lato/Lato-HaiIta-webfont.svg#LatoHairlineItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoHairline';
    src: url('/Content/fonts/lato/Lato-Hai-webfont.eot');
    src: url('/Content/fonts/lato/Lato-Hai-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/lato/Lato-Hai-webfont.woff') format('woff'),
         url('/Content/fonts/lato/Lato-Hai-webfont.ttf') format('truetype'),
         url('/Content/fonts/lato/Lato-Hai-webfont.svg#LatoHairline') format('svg');
    font-weight: normal;
    font-style: normal;

}


.flag-icon,.flag-icon-background{background-repeat:no-repeat;background-size:contain;background-position:50%}.flag-icon{position:relative;display:inline-block;width:1.33333333em;line-height:1em}.flag-icon:before{content:"\00a0"}.flag-icon.flag-icon-squared{width:1em}.flag-icon-ad{background-image:url(/Content/flags/4x3/ad.svg)}.flag-icon-ad.flag-icon-squared{background-image:url(/Content/flags/1x1/ad.svg)}.flag-icon-ae{background-image:url(/Content/flags/4x3/ae.svg)}.flag-icon-ae.flag-icon-squared{background-image:url(/Content/flags/1x1/ae.svg)}.flag-icon-af{background-image:url(/Content/flags/4x3/af.svg)}.flag-icon-af.flag-icon-squared{background-image:url(/Content/flags/1x1/af.svg)}.flag-icon-ag{background-image:url(/Content/flags/4x3/ag.svg)}.flag-icon-ag.flag-icon-squared{background-image:url(/Content/flags/1x1/ag.svg)}.flag-icon-ai{background-image:url(/Content/flags/4x3/ai.svg)}.flag-icon-ai.flag-icon-squared{background-image:url(/Content/flags/1x1/ai.svg)}.flag-icon-al{background-image:url(/Content/flags/4x3/al.svg)}.flag-icon-al.flag-icon-squared{background-image:url(/Content/flags/1x1/al.svg)}.flag-icon-am{background-image:url(/Content/flags/4x3/am.svg)}.flag-icon-am.flag-icon-squared{background-image:url(/Content/flags/1x1/am.svg)}.flag-icon-ao{background-image:url(/Content/flags/4x3/ao.svg)}.flag-icon-ao.flag-icon-squared{background-image:url(/Content/flags/1x1/ao.svg)}.flag-icon-aq{background-image:url(/Content/flags/4x3/aq.svg)}.flag-icon-aq.flag-icon-squared{background-image:url(/Content/flags/1x1/aq.svg)}.flag-icon-ar{background-image:url(/Content/flags/4x3/ar.svg)}.flag-icon-ar.flag-icon-squared{background-image:url(/Content/flags/1x1/ar.svg)}.flag-icon-as{background-image:url(/Content/flags/4x3/as.svg)}.flag-icon-as.flag-icon-squared{background-image:url(/Content/flags/1x1/as.svg)}.flag-icon-at{background-image:url(/Content/flags/4x3/at.svg)}.flag-icon-at.flag-icon-squared{background-image:url(/Content/flags/1x1/at.svg)}.flag-icon-au{background-image:url(/Content/flags/4x3/au.svg)}.flag-icon-au.flag-icon-squared{background-image:url(/Content/flags/1x1/au.svg)}.flag-icon-aw{background-image:url(/Content/flags/4x3/aw.svg)}.flag-icon-aw.flag-icon-squared{background-image:url(/Content/flags/1x1/aw.svg)}.flag-icon-ax{background-image:url(/Content/flags/4x3/ax.svg)}.flag-icon-ax.flag-icon-squared{background-image:url(/Content/flags/1x1/ax.svg)}.flag-icon-az{background-image:url(/Content/flags/4x3/az.svg)}.flag-icon-az.flag-icon-squared{background-image:url(/Content/flags/1x1/az.svg)}.flag-icon-ba{background-image:url(/Content/flags/4x3/ba.svg)}.flag-icon-ba.flag-icon-squared{background-image:url(/Content/flags/1x1/ba.svg)}.flag-icon-bb{background-image:url(/Content/flags/4x3/bb.svg)}.flag-icon-bb.flag-icon-squared{background-image:url(/Content/flags/1x1/bb.svg)}.flag-icon-bd{background-image:url(/Content/flags/4x3/bd.svg)}.flag-icon-bd.flag-icon-squared{background-image:url(/Content/flags/1x1/bd.svg)}.flag-icon-be{background-image:url(/Content/flags/4x3/be.svg)}.flag-icon-be.flag-icon-squared{background-image:url(/Content/flags/1x1/be.svg)}.flag-icon-bf{background-image:url(/Content/flags/4x3/bf.svg)}.flag-icon-bf.flag-icon-squared{background-image:url(/Content/flags/1x1/bf.svg)}.flag-icon-bg{background-image:url(/Content/flags/4x3/bg.svg)}.flag-icon-bg.flag-icon-squared{background-image:url(/Content/flags/1x1/bg.svg)}.flag-icon-bh{background-image:url(/Content/flags/4x3/bh.svg)}.flag-icon-bh.flag-icon-squared{background-image:url(/Content/flags/1x1/bh.svg)}.flag-icon-bi{background-image:url(/Content/flags/4x3/bi.svg)}.flag-icon-bi.flag-icon-squared{background-image:url(/Content/flags/1x1/bi.svg)}.flag-icon-bj{background-image:url(/Content/flags/4x3/bj.svg)}.flag-icon-bj.flag-icon-squared{background-image:url(/Content/flags/1x1/bj.svg)}.flag-icon-bl{background-image:url(/Content/flags/4x3/bl.svg)}.flag-icon-bl.flag-icon-squared{background-image:url(/Content/flags/1x1/bl.svg)}.flag-icon-bm{background-image:url(/Content/flags/4x3/bm.svg)}.flag-icon-bm.flag-icon-squared{background-image:url(/Content/flags/1x1/bm.svg)}.flag-icon-bn{background-image:url(/Content/flags/4x3/bn.svg)}.flag-icon-bn.flag-icon-squared{background-image:url(/Content/flags/1x1/bn.svg)}.flag-icon-bo{background-image:url(/Content/flags/4x3/bo.svg)}.flag-icon-bo.flag-icon-squared{background-image:url(/Content/flags/1x1/bo.svg)}.flag-icon-bq{background-image:url(/Content/flags/4x3/bq.svg)}.flag-icon-bq.flag-icon-squared{background-image:url(/Content/flags/1x1/bq.svg)}.flag-icon-br{background-image:url(/Content/flags/4x3/br.svg)}.flag-icon-br.flag-icon-squared{background-image:url(/Content/flags/1x1/br.svg)}.flag-icon-bs{background-image:url(/Content/flags/4x3/bs.svg)}.flag-icon-bs.flag-icon-squared{background-image:url(/Content/flags/1x1/bs.svg)}.flag-icon-bt{background-image:url(/Content/flags/4x3/bt.svg)}.flag-icon-bt.flag-icon-squared{background-image:url(/Content/flags/1x1/bt.svg)}.flag-icon-bv{background-image:url(/Content/flags/4x3/bv.svg)}.flag-icon-bv.flag-icon-squared{background-image:url(/Content/flags/1x1/bv.svg)}.flag-icon-bw{background-image:url(/Content/flags/4x3/bw.svg)}.flag-icon-bw.flag-icon-squared{background-image:url(/Content/flags/1x1/bw.svg)}.flag-icon-by{background-image:url(/Content/flags/4x3/by.svg)}.flag-icon-by.flag-icon-squared{background-image:url(/Content/flags/1x1/by.svg)}.flag-icon-bz{background-image:url(/Content/flags/4x3/bz.svg)}.flag-icon-bz.flag-icon-squared{background-image:url(/Content/flags/1x1/bz.svg)}.flag-icon-ca{background-image:url(/Content/flags/4x3/ca.svg)}.flag-icon-ca.flag-icon-squared{background-image:url(/Content/flags/1x1/ca.svg)}.flag-icon-cc{background-image:url(/Content/flags/4x3/cc.svg)}.flag-icon-cc.flag-icon-squared{background-image:url(/Content/flags/1x1/cc.svg)}.flag-icon-cd{background-image:url(/Content/flags/4x3/cd.svg)}.flag-icon-cd.flag-icon-squared{background-image:url(/Content/flags/1x1/cd.svg)}.flag-icon-cf{background-image:url(/Content/flags/4x3/cf.svg)}.flag-icon-cf.flag-icon-squared{background-image:url(/Content/flags/1x1/cf.svg)}.flag-icon-cg{background-image:url(/Content/flags/4x3/cg.svg)}.flag-icon-cg.flag-icon-squared{background-image:url(/Content/flags/1x1/cg.svg)}.flag-icon-ch{background-image:url(/Content/flags/4x3/ch.svg)}.flag-icon-ch.flag-icon-squared{background-image:url(/Content/flags/1x1/ch.svg)}.flag-icon-ci{background-image:url(/Content/flags/4x3/ci.svg)}.flag-icon-ci.flag-icon-squared{background-image:url(/Content/flags/1x1/ci.svg)}.flag-icon-ck{background-image:url(/Content/flags/4x3/ck.svg)}.flag-icon-ck.flag-icon-squared{background-image:url(/Content/flags/1x1/ck.svg)}.flag-icon-cl{background-image:url(/Content/flags/4x3/cl.svg)}.flag-icon-cl.flag-icon-squared{background-image:url(/Content/flags/1x1/cl.svg)}.flag-icon-cm{background-image:url(/Content/flags/4x3/cm.svg)}.flag-icon-cm.flag-icon-squared{background-image:url(/Content/flags/1x1/cm.svg)}.flag-icon-cn{background-image:url(/Content/flags/4x3/cn.svg)}.flag-icon-cn.flag-icon-squared{background-image:url(/Content/flags/1x1/cn.svg)}.flag-icon-co{background-image:url(/Content/flags/4x3/co.svg)}.flag-icon-co.flag-icon-squared{background-image:url(/Content/flags/1x1/co.svg)}.flag-icon-cr{background-image:url(/Content/flags/4x3/cr.svg)}.flag-icon-cr.flag-icon-squared{background-image:url(/Content/flags/1x1/cr.svg)}.flag-icon-cu{background-image:url(/Content/flags/4x3/cu.svg)}.flag-icon-cu.flag-icon-squared{background-image:url(/Content/flags/1x1/cu.svg)}.flag-icon-cv{background-image:url(/Content/flags/4x3/cv.svg)}.flag-icon-cv.flag-icon-squared{background-image:url(/Content/flags/1x1/cv.svg)}.flag-icon-cw{background-image:url(/Content/flags/4x3/cw.svg)}.flag-icon-cw.flag-icon-squared{background-image:url(/Content/flags/1x1/cw.svg)}.flag-icon-cx{background-image:url(/Content/flags/4x3/cx.svg)}.flag-icon-cx.flag-icon-squared{background-image:url(/Content/flags/1x1/cx.svg)}.flag-icon-cy{background-image:url(/Content/flags/4x3/cy.svg)}.flag-icon-cy.flag-icon-squared{background-image:url(/Content/flags/1x1/cy.svg)}.flag-icon-cz{background-image:url(/Content/flags/4x3/cz.svg)}.flag-icon-cz.flag-icon-squared{background-image:url(/Content/flags/1x1/cz.svg)}.flag-icon-de{background-image:url(/Content/flags/4x3/de.svg)}.flag-icon-de.flag-icon-squared{background-image:url(/Content/flags/1x1/de.svg)}.flag-icon-dj{background-image:url(/Content/flags/4x3/dj.svg)}.flag-icon-dj.flag-icon-squared{background-image:url(/Content/flags/1x1/dj.svg)}.flag-icon-dk{background-image:url(/Content/flags/4x3/dk.svg)}.flag-icon-dk.flag-icon-squared{background-image:url(/Content/flags/1x1/dk.svg)}.flag-icon-dm{background-image:url(/Content/flags/4x3/dm.svg)}.flag-icon-dm.flag-icon-squared{background-image:url(/Content/flags/1x1/dm.svg)}.flag-icon-do{background-image:url(/Content/flags/4x3/do.svg)}.flag-icon-do.flag-icon-squared{background-image:url(/Content/flags/1x1/do.svg)}.flag-icon-dz{background-image:url(/Content/flags/4x3/dz.svg)}.flag-icon-dz.flag-icon-squared{background-image:url(/Content/flags/1x1/dz.svg)}.flag-icon-ec{background-image:url(/Content/flags/4x3/ec.svg)}.flag-icon-ec.flag-icon-squared{background-image:url(/Content/flags/1x1/ec.svg)}.flag-icon-ee{background-image:url(/Content/flags/4x3/ee.svg)}.flag-icon-ee.flag-icon-squared{background-image:url(/Content/flags/1x1/ee.svg)}.flag-icon-eg{background-image:url(/Content/flags/4x3/eg.svg)}.flag-icon-eg.flag-icon-squared{background-image:url(/Content/flags/1x1/eg.svg)}.flag-icon-eh{background-image:url(/Content/flags/4x3/eh.svg)}.flag-icon-eh.flag-icon-squared{background-image:url(/Content/flags/1x1/eh.svg)}.flag-icon-er{background-image:url(/Content/flags/4x3/er.svg)}.flag-icon-er.flag-icon-squared{background-image:url(/Content/flags/1x1/er.svg)}.flag-icon-es{background-image:url(/Content/flags/4x3/es.svg)}.flag-icon-es.flag-icon-squared{background-image:url(/Content/flags/1x1/es.svg)}.flag-icon-et{background-image:url(/Content/flags/4x3/et.svg)}.flag-icon-et.flag-icon-squared{background-image:url(/Content/flags/1x1/et.svg)}.flag-icon-fi{background-image:url(/Content/flags/4x3/fi.svg)}.flag-icon-fi.flag-icon-squared{background-image:url(/Content/flags/1x1/fi.svg)}.flag-icon-fj{background-image:url(/Content/flags/4x3/fj.svg)}.flag-icon-fj.flag-icon-squared{background-image:url(/Content/flags/1x1/fj.svg)}.flag-icon-fk{background-image:url(/Content/flags/4x3/fk.svg)}.flag-icon-fk.flag-icon-squared{background-image:url(/Content/flags/1x1/fk.svg)}.flag-icon-fm{background-image:url(/Content/flags/4x3/fm.svg)}.flag-icon-fm.flag-icon-squared{background-image:url(/Content/flags/1x1/fm.svg)}.flag-icon-fo{background-image:url(/Content/flags/4x3/fo.svg)}.flag-icon-fo.flag-icon-squared{background-image:url(/Content/flags/1x1/fo.svg)}.flag-icon-fr{background-image:url(/Content/flags/4x3/fr.svg)}.flag-icon-fr.flag-icon-squared{background-image:url(/Content/flags/1x1/fr.svg)}.flag-icon-ga{background-image:url(/Content/flags/4x3/ga.svg)}.flag-icon-ga.flag-icon-squared{background-image:url(/Content/flags/1x1/ga.svg)}.flag-icon-gb{background-image:url(/Content/flags/4x3/gb.svg)}.flag-icon-gb.flag-icon-squared{background-image:url(/Content/flags/1x1/gb.svg)}.flag-icon-gd{background-image:url(/Content/flags/4x3/gd.svg)}.flag-icon-gd.flag-icon-squared{background-image:url(/Content/flags/1x1/gd.svg)}.flag-icon-ge{background-image:url(/Content/flags/4x3/ge.svg)}.flag-icon-ge.flag-icon-squared{background-image:url(/Content/flags/1x1/ge.svg)}.flag-icon-gf{background-image:url(/Content/flags/4x3/gf.svg)}.flag-icon-gf.flag-icon-squared{background-image:url(/Content/flags/1x1/gf.svg)}.flag-icon-gg{background-image:url(/Content/flags/4x3/gg.svg)}.flag-icon-gg.flag-icon-squared{background-image:url(/Content/flags/1x1/gg.svg)}.flag-icon-gh{background-image:url(/Content/flags/4x3/gh.svg)}.flag-icon-gh.flag-icon-squared{background-image:url(/Content/flags/1x1/gh.svg)}.flag-icon-gi{background-image:url(/Content/flags/4x3/gi.svg)}.flag-icon-gi.flag-icon-squared{background-image:url(/Content/flags/1x1/gi.svg)}.flag-icon-gl{background-image:url(/Content/flags/4x3/gl.svg)}.flag-icon-gl.flag-icon-squared{background-image:url(/Content/flags/1x1/gl.svg)}.flag-icon-gm{background-image:url(/Content/flags/4x3/gm.svg)}.flag-icon-gm.flag-icon-squared{background-image:url(/Content/flags/1x1/gm.svg)}.flag-icon-gn{background-image:url(/Content/flags/4x3/gn.svg)}.flag-icon-gn.flag-icon-squared{background-image:url(/Content/flags/1x1/gn.svg)}.flag-icon-gp{background-image:url(/Content/flags/4x3/gp.svg)}.flag-icon-gp.flag-icon-squared{background-image:url(/Content/flags/1x1/gp.svg)}.flag-icon-gq{background-image:url(/Content/flags/4x3/gq.svg)}.flag-icon-gq.flag-icon-squared{background-image:url(/Content/flags/1x1/gq.svg)}.flag-icon-gr{background-image:url(/Content/flags/4x3/gr.svg)}.flag-icon-gr.flag-icon-squared{background-image:url(/Content/flags/1x1/gr.svg)}.flag-icon-gs{background-image:url(/Content/flags/4x3/gs.svg)}.flag-icon-gs.flag-icon-squared{background-image:url(/Content/flags/1x1/gs.svg)}.flag-icon-gt{background-image:url(/Content/flags/4x3/gt.svg)}.flag-icon-gt.flag-icon-squared{background-image:url(/Content/flags/1x1/gt.svg)}.flag-icon-gu{background-image:url(/Content/flags/4x3/gu.svg)}.flag-icon-gu.flag-icon-squared{background-image:url(/Content/flags/1x1/gu.svg)}.flag-icon-gw{background-image:url(/Content/flags/4x3/gw.svg)}.flag-icon-gw.flag-icon-squared{background-image:url(/Content/flags/1x1/gw.svg)}.flag-icon-gy{background-image:url(/Content/flags/4x3/gy.svg)}.flag-icon-gy.flag-icon-squared{background-image:url(/Content/flags/1x1/gy.svg)}.flag-icon-hk{background-image:url(/Content/flags/4x3/hk.svg)}.flag-icon-hk.flag-icon-squared{background-image:url(/Content/flags/1x1/hk.svg)}.flag-icon-hm{background-image:url(/Content/flags/4x3/hm.svg)}.flag-icon-hm.flag-icon-squared{background-image:url(/Content/flags/1x1/hm.svg)}.flag-icon-hn{background-image:url(/Content/flags/4x3/hn.svg)}.flag-icon-hn.flag-icon-squared{background-image:url(/Content/flags/1x1/hn.svg)}.flag-icon-hr{background-image:url(/Content/flags/4x3/hr.svg)}.flag-icon-hr.flag-icon-squared{background-image:url(/Content/flags/1x1/hr.svg)}.flag-icon-ht{background-image:url(/Content/flags/4x3/ht.svg)}.flag-icon-ht.flag-icon-squared{background-image:url(/Content/flags/1x1/ht.svg)}.flag-icon-hu{background-image:url(/Content/flags/4x3/hu.svg)}.flag-icon-hu.flag-icon-squared{background-image:url(/Content/flags/1x1/hu.svg)}.flag-icon-id{background-image:url(/Content/flags/4x3/id.svg)}.flag-icon-id.flag-icon-squared{background-image:url(/Content/flags/1x1/id.svg)}.flag-icon-ie{background-image:url(/Content/flags/4x3/ie.svg)}.flag-icon-ie.flag-icon-squared{background-image:url(/Content/flags/1x1/ie.svg)}.flag-icon-il{background-image:url(/Content/flags/4x3/il.svg)}.flag-icon-il.flag-icon-squared{background-image:url(/Content/flags/1x1/il.svg)}.flag-icon-im{background-image:url(/Content/flags/4x3/im.svg)}.flag-icon-im.flag-icon-squared{background-image:url(/Content/flags/1x1/im.svg)}.flag-icon-in{background-image:url(/Content/flags/4x3/in.svg)}.flag-icon-in.flag-icon-squared{background-image:url(/Content/flags/1x1/in.svg)}.flag-icon-io{background-image:url(/Content/flags/4x3/io.svg)}.flag-icon-io.flag-icon-squared{background-image:url(/Content/flags/1x1/io.svg)}.flag-icon-iq{background-image:url(/Content/flags/4x3/iq.svg)}.flag-icon-iq.flag-icon-squared{background-image:url(/Content/flags/1x1/iq.svg)}.flag-icon-ir{background-image:url(/Content/flags/4x3/ir.svg)}.flag-icon-ir.flag-icon-squared{background-image:url(/Content/flags/1x1/ir.svg)}.flag-icon-is{background-image:url(/Content/flags/4x3/is.svg)}.flag-icon-is.flag-icon-squared{background-image:url(/Content/flags/1x1/is.svg)}.flag-icon-it{background-image:url(/Content/flags/4x3/it.svg)}.flag-icon-it.flag-icon-squared{background-image:url(/Content/flags/1x1/it.svg)}.flag-icon-je{background-image:url(/Content/flags/4x3/je.svg)}.flag-icon-je.flag-icon-squared{background-image:url(/Content/flags/1x1/je.svg)}.flag-icon-jm{background-image:url(/Content/flags/4x3/jm.svg)}.flag-icon-jm.flag-icon-squared{background-image:url(/Content/flags/1x1/jm.svg)}.flag-icon-jo{background-image:url(/Content/flags/4x3/jo.svg)}.flag-icon-jo.flag-icon-squared{background-image:url(/Content/flags/1x1/jo.svg)}.flag-icon-jp{background-image:url(/Content/flags/4x3/jp.svg)}.flag-icon-jp.flag-icon-squared{background-image:url(/Content/flags/1x1/jp.svg)}.flag-icon-ke{background-image:url(/Content/flags/4x3/ke.svg)}.flag-icon-ke.flag-icon-squared{background-image:url(/Content/flags/1x1/ke.svg)}.flag-icon-kg{background-image:url(/Content/flags/4x3/kg.svg)}.flag-icon-kg.flag-icon-squared{background-image:url(/Content/flags/1x1/kg.svg)}.flag-icon-kh{background-image:url(/Content/flags/4x3/kh.svg)}.flag-icon-kh.flag-icon-squared{background-image:url(/Content/flags/1x1/kh.svg)}.flag-icon-ki{background-image:url(/Content/flags/4x3/ki.svg)}.flag-icon-ki.flag-icon-squared{background-image:url(/Content/flags/1x1/ki.svg)}.flag-icon-km{background-image:url(/Content/flags/4x3/km.svg)}.flag-icon-km.flag-icon-squared{background-image:url(/Content/flags/1x1/km.svg)}.flag-icon-kn{background-image:url(/Content/flags/4x3/kn.svg)}.flag-icon-kn.flag-icon-squared{background-image:url(/Content/flags/1x1/kn.svg)}.flag-icon-kp{background-image:url(/Content/flags/4x3/kp.svg)}.flag-icon-kp.flag-icon-squared{background-image:url(/Content/flags/1x1/kp.svg)}.flag-icon-kr{background-image:url(/Content/flags/4x3/kr.svg)}.flag-icon-kr.flag-icon-squared{background-image:url(/Content/flags/1x1/kr.svg)}.flag-icon-kw{background-image:url(/Content/flags/4x3/kw.svg)}.flag-icon-kw.flag-icon-squared{background-image:url(/Content/flags/1x1/kw.svg)}.flag-icon-ky{background-image:url(/Content/flags/4x3/ky.svg)}.flag-icon-ky.flag-icon-squared{background-image:url(/Content/flags/1x1/ky.svg)}.flag-icon-kz{background-image:url(/Content/flags/4x3/kz.svg)}.flag-icon-kz.flag-icon-squared{background-image:url(/Content/flags/1x1/kz.svg)}.flag-icon-la{background-image:url(/Content/flags/4x3/la.svg)}.flag-icon-la.flag-icon-squared{background-image:url(/Content/flags/1x1/la.svg)}.flag-icon-lb{background-image:url(/Content/flags/4x3/lb.svg)}.flag-icon-lb.flag-icon-squared{background-image:url(/Content/flags/1x1/lb.svg)}.flag-icon-lc{background-image:url(/Content/flags/4x3/lc.svg)}.flag-icon-lc.flag-icon-squared{background-image:url(/Content/flags/1x1/lc.svg)}.flag-icon-li{background-image:url(/Content/flags/4x3/li.svg)}.flag-icon-li.flag-icon-squared{background-image:url(/Content/flags/1x1/li.svg)}.flag-icon-lk{background-image:url(/Content/flags/4x3/lk.svg)}.flag-icon-lk.flag-icon-squared{background-image:url(/Content/flags/1x1/lk.svg)}.flag-icon-lr{background-image:url(/Content/flags/4x3/lr.svg)}.flag-icon-lr.flag-icon-squared{background-image:url(/Content/flags/1x1/lr.svg)}.flag-icon-ls{background-image:url(/Content/flags/4x3/ls.svg)}.flag-icon-ls.flag-icon-squared{background-image:url(/Content/flags/1x1/ls.svg)}.flag-icon-lt{background-image:url(/Content/flags/4x3/lt.svg)}.flag-icon-lt.flag-icon-squared{background-image:url(/Content/flags/1x1/lt.svg)}.flag-icon-lu{background-image:url(/Content/flags/4x3/lu.svg)}.flag-icon-lu.flag-icon-squared{background-image:url(/Content/flags/1x1/lu.svg)}.flag-icon-lv{background-image:url(/Content/flags/4x3/lv.svg)}.flag-icon-lv.flag-icon-squared{background-image:url(/Content/flags/1x1/lv.svg)}.flag-icon-ly{background-image:url(/Content/flags/4x3/ly.svg)}.flag-icon-ly.flag-icon-squared{background-image:url(/Content/flags/1x1/ly.svg)}.flag-icon-ma{background-image:url(/Content/flags/4x3/ma.svg)}.flag-icon-ma.flag-icon-squared{background-image:url(/Content/flags/1x1/ma.svg)}.flag-icon-mc{background-image:url(/Content/flags/4x3/mc.svg)}.flag-icon-mc.flag-icon-squared{background-image:url(/Content/flags/1x1/mc.svg)}.flag-icon-md{background-image:url(/Content/flags/4x3/md.svg)}.flag-icon-md.flag-icon-squared{background-image:url(/Content/flags/1x1/md.svg)}.flag-icon-me{background-image:url(/Content/flags/4x3/me.svg)}.flag-icon-me.flag-icon-squared{background-image:url(/Content/flags/1x1/me.svg)}.flag-icon-mf{background-image:url(/Content/flags/4x3/mf.svg)}.flag-icon-mf.flag-icon-squared{background-image:url(/Content/flags/1x1/mf.svg)}.flag-icon-mg{background-image:url(/Content/flags/4x3/mg.svg)}.flag-icon-mg.flag-icon-squared{background-image:url(/Content/flags/1x1/mg.svg)}.flag-icon-mh{background-image:url(/Content/flags/4x3/mh.svg)}.flag-icon-mh.flag-icon-squared{background-image:url(/Content/flags/1x1/mh.svg)}.flag-icon-mk{background-image:url(/Content/flags/4x3/mk.svg)}.flag-icon-mk.flag-icon-squared{background-image:url(/Content/flags/1x1/mk.svg)}.flag-icon-ml{background-image:url(/Content/flags/4x3/ml.svg)}.flag-icon-ml.flag-icon-squared{background-image:url(/Content/flags/1x1/ml.svg)}.flag-icon-mm{background-image:url(/Content/flags/4x3/mm.svg)}.flag-icon-mm.flag-icon-squared{background-image:url(/Content/flags/1x1/mm.svg)}.flag-icon-mn{background-image:url(/Content/flags/4x3/mn.svg)}.flag-icon-mn.flag-icon-squared{background-image:url(/Content/flags/1x1/mn.svg)}.flag-icon-mo{background-image:url(/Content/flags/4x3/mo.svg)}.flag-icon-mo.flag-icon-squared{background-image:url(/Content/flags/1x1/mo.svg)}.flag-icon-mp{background-image:url(/Content/flags/4x3/mp.svg)}.flag-icon-mp.flag-icon-squared{background-image:url(/Content/flags/1x1/mp.svg)}.flag-icon-mq{background-image:url(/Content/flags/4x3/mq.svg)}.flag-icon-mq.flag-icon-squared{background-image:url(/Content/flags/1x1/mq.svg)}.flag-icon-mr{background-image:url(/Content/flags/4x3/mr.svg)}.flag-icon-mr.flag-icon-squared{background-image:url(/Content/flags/1x1/mr.svg)}.flag-icon-ms{background-image:url(/Content/flags/4x3/ms.svg)}.flag-icon-ms.flag-icon-squared{background-image:url(/Content/flags/1x1/ms.svg)}.flag-icon-mt{background-image:url(/Content/flags/4x3/mt.svg)}.flag-icon-mt.flag-icon-squared{background-image:url(/Content/flags/1x1/mt.svg)}.flag-icon-mu{background-image:url(/Content/flags/4x3/mu.svg)}.flag-icon-mu.flag-icon-squared{background-image:url(/Content/flags/1x1/mu.svg)}.flag-icon-mv{background-image:url(/Content/flags/4x3/mv.svg)}.flag-icon-mv.flag-icon-squared{background-image:url(/Content/flags/1x1/mv.svg)}.flag-icon-mw{background-image:url(/Content/flags/4x3/mw.svg)}.flag-icon-mw.flag-icon-squared{background-image:url(/Content/flags/1x1/mw.svg)}.flag-icon-mx{background-image:url(/Content/flags/4x3/mx.svg)}.flag-icon-mx.flag-icon-squared{background-image:url(/Content/flags/1x1/mx.svg)}.flag-icon-my{background-image:url(/Content/flags/4x3/my.svg)}.flag-icon-my.flag-icon-squared{background-image:url(/Content/flags/1x1/my.svg)}.flag-icon-mz{background-image:url(/Content/flags/4x3/mz.svg)}.flag-icon-mz.flag-icon-squared{background-image:url(/Content/flags/1x1/mz.svg)}.flag-icon-na{background-image:url(/Content/flags/4x3/na.svg)}.flag-icon-na.flag-icon-squared{background-image:url(/Content/flags/1x1/na.svg)}.flag-icon-nc{background-image:url(/Content/flags/4x3/nc.svg)}.flag-icon-nc.flag-icon-squared{background-image:url(/Content/flags/1x1/nc.svg)}.flag-icon-ne{background-image:url(/Content/flags/4x3/ne.svg)}.flag-icon-ne.flag-icon-squared{background-image:url(/Content/flags/1x1/ne.svg)}.flag-icon-nf{background-image:url(/Content/flags/4x3/nf.svg)}.flag-icon-nf.flag-icon-squared{background-image:url(/Content/flags/1x1/nf.svg)}.flag-icon-ng{background-image:url(/Content/flags/4x3/ng.svg)}.flag-icon-ng.flag-icon-squared{background-image:url(/Content/flags/1x1/ng.svg)}.flag-icon-ni{background-image:url(/Content/flags/4x3/ni.svg)}.flag-icon-ni.flag-icon-squared{background-image:url(/Content/flags/1x1/ni.svg)}.flag-icon-nl{background-image:url(/Content/flags/4x3/nl.svg)}.flag-icon-nl.flag-icon-squared{background-image:url(/Content/flags/1x1/nl.svg)}.flag-icon-no{background-image:url(/Content/flags/4x3/no.svg)}.flag-icon-no.flag-icon-squared{background-image:url(/Content/flags/1x1/no.svg)}.flag-icon-np{background-image:url(/Content/flags/4x3/np.svg)}.flag-icon-np.flag-icon-squared{background-image:url(/Content/flags/1x1/np.svg)}.flag-icon-nr{background-image:url(/Content/flags/4x3/nr.svg)}.flag-icon-nr.flag-icon-squared{background-image:url(/Content/flags/1x1/nr.svg)}.flag-icon-nu{background-image:url(/Content/flags/4x3/nu.svg)}.flag-icon-nu.flag-icon-squared{background-image:url(/Content/flags/1x1/nu.svg)}.flag-icon-nz{background-image:url(/Content/flags/4x3/nz.svg)}.flag-icon-nz.flag-icon-squared{background-image:url(/Content/flags/1x1/nz.svg)}.flag-icon-om{background-image:url(/Content/flags/4x3/om.svg)}.flag-icon-om.flag-icon-squared{background-image:url(/Content/flags/1x1/om.svg)}.flag-icon-pa{background-image:url(/Content/flags/4x3/pa.svg)}.flag-icon-pa.flag-icon-squared{background-image:url(/Content/flags/1x1/pa.svg)}.flag-icon-pe{background-image:url(/Content/flags/4x3/pe.svg)}.flag-icon-pe.flag-icon-squared{background-image:url(/Content/flags/1x1/pe.svg)}.flag-icon-pf{background-image:url(/Content/flags/4x3/pf.svg)}.flag-icon-pf.flag-icon-squared{background-image:url(/Content/flags/1x1/pf.svg)}.flag-icon-pg{background-image:url(/Content/flags/4x3/pg.svg)}.flag-icon-pg.flag-icon-squared{background-image:url(/Content/flags/1x1/pg.svg)}.flag-icon-ph{background-image:url(/Content/flags/4x3/ph.svg)}.flag-icon-ph.flag-icon-squared{background-image:url(/Content/flags/1x1/ph.svg)}.flag-icon-pk{background-image:url(/Content/flags/4x3/pk.svg)}.flag-icon-pk.flag-icon-squared{background-image:url(/Content/flags/1x1/pk.svg)}.flag-icon-pl{background-image:url(/Content/flags/4x3/pl.svg)}.flag-icon-pl.flag-icon-squared{background-image:url(/Content/flags/1x1/pl.svg)}.flag-icon-pm{background-image:url(/Content/flags/4x3/pm.svg)}.flag-icon-pm.flag-icon-squared{background-image:url(/Content/flags/1x1/pm.svg)}.flag-icon-pn{background-image:url(/Content/flags/4x3/pn.svg)}.flag-icon-pn.flag-icon-squared{background-image:url(/Content/flags/1x1/pn.svg)}.flag-icon-pr{background-image:url(/Content/flags/4x3/pr.svg)}.flag-icon-pr.flag-icon-squared{background-image:url(/Content/flags/1x1/pr.svg)}.flag-icon-ps{background-image:url(/Content/flags/4x3/ps.svg)}.flag-icon-ps.flag-icon-squared{background-image:url(/Content/flags/1x1/ps.svg)}.flag-icon-pt{background-image:url(/Content/flags/4x3/pt.svg)}.flag-icon-pt.flag-icon-squared{background-image:url(/Content/flags/1x1/pt.svg)}.flag-icon-pw{background-image:url(/Content/flags/4x3/pw.svg)}.flag-icon-pw.flag-icon-squared{background-image:url(/Content/flags/1x1/pw.svg)}.flag-icon-py{background-image:url(/Content/flags/4x3/py.svg)}.flag-icon-py.flag-icon-squared{background-image:url(/Content/flags/1x1/py.svg)}.flag-icon-qa{background-image:url(/Content/flags/4x3/qa.svg)}.flag-icon-qa.flag-icon-squared{background-image:url(/Content/flags/1x1/qa.svg)}.flag-icon-re{background-image:url(/Content/flags/4x3/re.svg)}.flag-icon-re.flag-icon-squared{background-image:url(/Content/flags/1x1/re.svg)}.flag-icon-ro{background-image:url(/Content/flags/4x3/ro.svg)}.flag-icon-ro.flag-icon-squared{background-image:url(/Content/flags/1x1/ro.svg)}.flag-icon-rs{background-image:url(/Content/flags/4x3/rs.svg)}.flag-icon-rs.flag-icon-squared{background-image:url(/Content/flags/1x1/rs.svg)}.flag-icon-ru{background-image:url(/Content/flags/4x3/ru.svg)}.flag-icon-ru.flag-icon-squared{background-image:url(/Content/flags/1x1/ru.svg)}.flag-icon-rw{background-image:url(/Content/flags/4x3/rw.svg)}.flag-icon-rw.flag-icon-squared{background-image:url(/Content/flags/1x1/rw.svg)}.flag-icon-sa{background-image:url(/Content/flags/4x3/sa.svg)}.flag-icon-sa.flag-icon-squared{background-image:url(/Content/flags/1x1/sa.svg)}.flag-icon-sb{background-image:url(/Content/flags/4x3/sb.svg)}.flag-icon-sb.flag-icon-squared{background-image:url(/Content/flags/1x1/sb.svg)}.flag-icon-sc{background-image:url(/Content/flags/4x3/sc.svg)}.flag-icon-sc.flag-icon-squared{background-image:url(/Content/flags/1x1/sc.svg)}.flag-icon-sd{background-image:url(/Content/flags/4x3/sd.svg)}.flag-icon-sd.flag-icon-squared{background-image:url(/Content/flags/1x1/sd.svg)}.flag-icon-se{background-image:url(/Content/flags/4x3/se.svg)}.flag-icon-se.flag-icon-squared{background-image:url(/Content/flags/1x1/se.svg)}.flag-icon-sg{background-image:url(/Content/flags/4x3/sg.svg)}.flag-icon-sg.flag-icon-squared{background-image:url(/Content/flags/1x1/sg.svg)}.flag-icon-sh{background-image:url(/Content/flags/4x3/sh.svg)}.flag-icon-sh.flag-icon-squared{background-image:url(/Content/flags/1x1/sh.svg)}.flag-icon-si{background-image:url(/Content/flags/4x3/si.svg)}.flag-icon-si.flag-icon-squared{background-image:url(/Content/flags/1x1/si.svg)}.flag-icon-sj{background-image:url(/Content/flags/4x3/sj.svg)}.flag-icon-sj.flag-icon-squared{background-image:url(/Content/flags/1x1/sj.svg)}.flag-icon-sk{background-image:url(/Content/flags/4x3/sk.svg)}.flag-icon-sk.flag-icon-squared{background-image:url(/Content/flags/1x1/sk.svg)}.flag-icon-sl{background-image:url(/Content/flags/4x3/sl.svg)}.flag-icon-sl.flag-icon-squared{background-image:url(/Content/flags/1x1/sl.svg)}.flag-icon-sm{background-image:url(/Content/flags/4x3/sm.svg)}.flag-icon-sm.flag-icon-squared{background-image:url(/Content/flags/1x1/sm.svg)}.flag-icon-sn{background-image:url(/Content/flags/4x3/sn.svg)}.flag-icon-sn.flag-icon-squared{background-image:url(/Content/flags/1x1/sn.svg)}.flag-icon-so{background-image:url(/Content/flags/4x3/so.svg)}.flag-icon-so.flag-icon-squared{background-image:url(/Content/flags/1x1/so.svg)}.flag-icon-sr{background-image:url(/Content/flags/4x3/sr.svg)}.flag-icon-sr.flag-icon-squared{background-image:url(/Content/flags/1x1/sr.svg)}.flag-icon-ss{background-image:url(/Content/flags/4x3/ss.svg)}.flag-icon-ss.flag-icon-squared{background-image:url(/Content/flags/1x1/ss.svg)}.flag-icon-st{background-image:url(/Content/flags/4x3/st.svg)}.flag-icon-st.flag-icon-squared{background-image:url(/Content/flags/1x1/st.svg)}.flag-icon-sv{background-image:url(/Content/flags/4x3/sv.svg)}.flag-icon-sv.flag-icon-squared{background-image:url(/Content/flags/1x1/sv.svg)}.flag-icon-sx{background-image:url(/Content/flags/4x3/sx.svg)}.flag-icon-sx.flag-icon-squared{background-image:url(/Content/flags/1x1/sx.svg)}.flag-icon-sy{background-image:url(/Content/flags/4x3/sy.svg)}.flag-icon-sy.flag-icon-squared{background-image:url(/Content/flags/1x1/sy.svg)}.flag-icon-sz{background-image:url(/Content/flags/4x3/sz.svg)}.flag-icon-sz.flag-icon-squared{background-image:url(/Content/flags/1x1/sz.svg)}.flag-icon-tc{background-image:url(/Content/flags/4x3/tc.svg)}.flag-icon-tc.flag-icon-squared{background-image:url(/Content/flags/1x1/tc.svg)}.flag-icon-td{background-image:url(/Content/flags/4x3/td.svg)}.flag-icon-td.flag-icon-squared{background-image:url(/Content/flags/1x1/td.svg)}.flag-icon-tf{background-image:url(/Content/flags/4x3/tf.svg)}.flag-icon-tf.flag-icon-squared{background-image:url(/Content/flags/1x1/tf.svg)}.flag-icon-tg{background-image:url(/Content/flags/4x3/tg.svg)}.flag-icon-tg.flag-icon-squared{background-image:url(/Content/flags/1x1/tg.svg)}.flag-icon-th{background-image:url(/Content/flags/4x3/th.svg)}.flag-icon-th.flag-icon-squared{background-image:url(/Content/flags/1x1/th.svg)}.flag-icon-tj{background-image:url(/Content/flags/4x3/tj.svg)}.flag-icon-tj.flag-icon-squared{background-image:url(/Content/flags/1x1/tj.svg)}.flag-icon-tk{background-image:url(/Content/flags/4x3/tk.svg)}.flag-icon-tk.flag-icon-squared{background-image:url(/Content/flags/1x1/tk.svg)}.flag-icon-tl{background-image:url(/Content/flags/4x3/tl.svg)}.flag-icon-tl.flag-icon-squared{background-image:url(/Content/flags/1x1/tl.svg)}.flag-icon-tm{background-image:url(/Content/flags/4x3/tm.svg)}.flag-icon-tm.flag-icon-squared{background-image:url(/Content/flags/1x1/tm.svg)}.flag-icon-tn{background-image:url(/Content/flags/4x3/tn.svg)}.flag-icon-tn.flag-icon-squared{background-image:url(/Content/flags/1x1/tn.svg)}.flag-icon-to{background-image:url(/Content/flags/4x3/to.svg)}.flag-icon-to.flag-icon-squared{background-image:url(/Content/flags/1x1/to.svg)}.flag-icon-tr{background-image:url(/Content/flags/4x3/tr.svg)}.flag-icon-tr.flag-icon-squared{background-image:url(/Content/flags/1x1/tr.svg)}.flag-icon-tt{background-image:url(/Content/flags/4x3/tt.svg)}.flag-icon-tt.flag-icon-squared{background-image:url(/Content/flags/1x1/tt.svg)}.flag-icon-tv{background-image:url(/Content/flags/4x3/tv.svg)}.flag-icon-tv.flag-icon-squared{background-image:url(/Content/flags/1x1/tv.svg)}.flag-icon-tw{background-image:url(/Content/flags/4x3/tw.svg)}.flag-icon-tw.flag-icon-squared{background-image:url(/Content/flags/1x1/tw.svg)}.flag-icon-tz{background-image:url(/Content/flags/4x3/tz.svg)}.flag-icon-tz.flag-icon-squared{background-image:url(/Content/flags/1x1/tz.svg)}.flag-icon-ua{background-image:url(/Content/flags/4x3/ua.svg)}.flag-icon-ua.flag-icon-squared{background-image:url(/Content/flags/1x1/ua.svg)}.flag-icon-ug{background-image:url(/Content/flags/4x3/ug.svg)}.flag-icon-ug.flag-icon-squared{background-image:url(/Content/flags/1x1/ug.svg)}.flag-icon-um{background-image:url(/Content/flags/4x3/um.svg)}.flag-icon-um.flag-icon-squared{background-image:url(/Content/flags/1x1/um.svg)}.flag-icon-us{background-image:url(/Content/flags/4x3/us.svg)}.flag-icon-us.flag-icon-squared{background-image:url(/Content/flags/1x1/us.svg)}.flag-icon-uy{background-image:url(/Content/flags/4x3/uy.svg)}.flag-icon-uy.flag-icon-squared{background-image:url(/Content/flags/1x1/uy.svg)}.flag-icon-uz{background-image:url(/Content/flags/4x3/uz.svg)}.flag-icon-uz.flag-icon-squared{background-image:url(/Content/flags/1x1/uz.svg)}.flag-icon-va{background-image:url(/Content/flags/4x3/va.svg)}.flag-icon-va.flag-icon-squared{background-image:url(/Content/flags/1x1/va.svg)}.flag-icon-vc{background-image:url(/Content/flags/4x3/vc.svg)}.flag-icon-vc.flag-icon-squared{background-image:url(/Content/flags/1x1/vc.svg)}.flag-icon-ve{background-image:url(/Content/flags/4x3/ve.svg)}.flag-icon-ve.flag-icon-squared{background-image:url(/Content/flags/1x1/ve.svg)}.flag-icon-vg{background-image:url(/Content/flags/4x3/vg.svg)}.flag-icon-vg.flag-icon-squared{background-image:url(/Content/flags/1x1/vg.svg)}.flag-icon-vi{background-image:url(/Content/flags/4x3/vi.svg)}.flag-icon-vi.flag-icon-squared{background-image:url(/Content/flags/1x1/vi.svg)}.flag-icon-vn{background-image:url(/Content/flags/4x3/vn.svg)}.flag-icon-vn.flag-icon-squared{background-image:url(/Content/flags/1x1/vn.svg)}.flag-icon-vu{background-image:url(/Content/flags/4x3/vu.svg)}.flag-icon-vu.flag-icon-squared{background-image:url(/Content/flags/1x1/vu.svg)}.flag-icon-wf{background-image:url(/Content/flags/4x3/wf.svg)}.flag-icon-wf.flag-icon-squared{background-image:url(/Content/flags/1x1/wf.svg)}.flag-icon-ws{background-image:url(/Content/flags/4x3/ws.svg)}.flag-icon-ws.flag-icon-squared{background-image:url(/Content/flags/1x1/ws.svg)}.flag-icon-ye{background-image:url(/Content/flags/4x3/ye.svg)}.flag-icon-ye.flag-icon-squared{background-image:url(/Content/flags/1x1/ye.svg)}.flag-icon-yt{background-image:url(/Content/flags/4x3/yt.svg)}.flag-icon-yt.flag-icon-squared{background-image:url(/Content/flags/1x1/yt.svg)}.flag-icon-za{background-image:url(/Content/flags/4x3/za.svg)}.flag-icon-za.flag-icon-squared{background-image:url(/Content/flags/1x1/za.svg)}.flag-icon-zm{background-image:url(/Content/flags/4x3/zm.svg)}.flag-icon-zm.flag-icon-squared{background-image:url(/Content/flags/1x1/zm.svg)}.flag-icon-zw{background-image:url(/Content/flags/4x3/zw.svg)}.flag-icon-zw.flag-icon-squared{background-image:url(/Content/flags/1x1/zw.svg)}
/**
 *
 *	=Structure
 *
 *	================================================================ */
/**
 *	=General
 *	---------------------------------------------------------------- */
.dropdown {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  line-height: 1.5;
}
.dropdown a {
  text-decoration: none;
}

/**
 *	=Toggle
 *	---------------------------------------------------------------- */
.dropdown-toggle {
  background: #ffffff;
  display: inline-block;
  text-decoration: none;
  position: relative;
  font-size: 14px;
  padding: 0 10px;
  margin: 0;
  border:1px solid #c5c5c5; border-radius:5px; line-height:32px; color:#333;
  width:100%;  
}
.dropdown-toggle:focus, .dropdown-toggle:hover {
    color:#333;
}
.dropdown-toggle .dropdown-icon {
  height: 2px;
  width: 8px;
  opacity: .8;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  float:right;
  margin-top:11px;
}
.dropdown-toggle .dropdown-icon:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #000;
}
.dropdown-toggle .dropdown-text {
  display: inline-block;
  vertical-align: middle;
  width:160px;
  overflow:hidden;
  white-space:nowrap;text-overflow: ellipsis;
}
.dropdown-toggle img {
  vertical-align: middle;
}
/**
 *	=Containers
 *	---------------------------------------------------------------- */
.dropdown-menu-wrapper {
 /* background: #ffffff;*/
  overflow: hidden;  
}
.dropdown-menu-container {
  position: relative;
  width: 100%;
  max-width: 100%;
}
.dropdown-menu {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  background-color:#e9e9e9;
  border-radius:6px;
  box-shadow:0 2px 2px 0 rgba(0,0,0,0.3);
  padding:5px;
}
.dropdown-menu-main,
.dropdown-menu-open {
  display: block;
}
.dropdown-menu-open {
  position: relative;
}
.dropdown-menu-wrapper {
  position: absolute;
  z-index: 999;
  display: none;
  opacity: 0;
  background:inherit;
  border:0 none;
  border-radius:6px;
}
.dropdown-below .dropdown-menu-wrapper {
  top: 100%;
  bottom: auto;
  /*margin: 3px 0 0;*/
  height:auto !important;
}
.dropdown-above .dropdown-menu-wrapper {
  bottom: 100%;
  top: auto;
  margin: 0 0 3px;
}
.dropdown-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  display: none;
}
.dropdown-animating .dropdown-mask {
  display: block;
}
.dropdown-overlay {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  opacity: 0;
}
/**
 *
 *	=Menu styles
 *
 *	================================================================ */
/**
 *	=Header
 *	---------------------------------------------------------------- */
.dropdown-header {
  position: relative;
  min-height: 25px;
  padding: 5px 50px;
  margin: 0;
  background: #333;
}
.dropdown-menu-main .dropdown-header {
  display: none;
}
.dropdown-title {
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	line-height: 25px;
	padding: 0;
	margin: 0;
	color: #ff962f;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
/**
 *	=Buttons
 *	---------------------------------------------------------------- */
.dropdown-close,
.dropdown-back {
  position: absolute;
  text-decoration: none;
  top: 0;
  font-weight: bold;
  color: #aaaaaa;
  font-size: 16px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.dropdown-close .dropdown-text,
.dropdown-back .dropdown-text {
  display: none;
}
.dropdown-back {
  left: 0;
}
.dropdown-back .dropdown-icon:after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #ff962f;  
}
    .dropdown-back:hover .dropdown-icon:after {
        border-right-color:#fff;
    }
.dropdown-menu-main .dropdown-back {
  display: none;
}
.dropdown-close {
  display: none;
  right: 0;
}
.dropdown-close .dropdown-icon:after {
  font-family: sans-serif;
  content: '\00d7';
}
/**
 *	=List
 *	---------------------------------------------------------------- */
.dropdown-list,
.dropdown-item {
  list-style-type: none;
  font-size: inherit;
}
.dropdown-list {
  overflow: hidden;
  text-align: left;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  margin: 0;
  padding: 10px 0;
}
.dropdown-item {
  padding: 0 !important;
  border-bottom:inherit !important;
  margin: 0 0 1px;
}
.dropdown-item:last-child {
  margin-bottom: 0;
}
/**
 *	=Labels
 *	---------------------------------------------------------------- */
.dropdown-label {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
  padding: 10px 20px;
  margin: 20px 0 0;
}
.dropdown-label:first-child {
  margin-top: 0;
}
/**
 *	=Dividers
 *	---------------------------------------------------------------- */
.dropdown-divider {
  border-bottom: 1px solid #e0e0e0;
  margin: 10px 0;
}
.dropdown-divider:first-child,
.dropdown-divider:last-child {
  display: none;
}
.dropdown-divider + .dropdown-label {
  margin-top: 10px;
}
.dropdown-divider:first-child + .dropdown-label {
  margin-top: 0;
}
/**
 *	=Items
 *	---------------------------------------------------------------- */
.dropdown-link {
  display: block;
  position: relative;
  font-size: 15px;
  text-decoration: none;
  padding: 5px 10px;
  border-radius:5px !important;
}
.dropdown-parent .dropdown-link .nextArrow {
  content: '';
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -4px;
  display: inline-block;
  vertical-align: middle;
  border-left: 4px solid;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
}
.dropdown-link:hover {
  background:#c4bdba;
  color: #333;
}
.dropdown-focused .dropdown-link {
  background: #ff962f;
  color: #ffffff;
}
.dropdown-selected .dropdown-link {
  background: #ff962f;
  color: #ffffff;
}
.dropdown-selected.nonFocused .dropdown-link {
	background: none;
	color: #333;
}
.dropdown-selected.nonFocused.dropdown-focused .dropdown-link {
  background: #ff962f;
  color: #ffffff;
}
/**
 *
 *	=Mobile styles
 *
 *	================================================================ */
@media screen and (max-width: 600px) {
  /**
	 *	=Overlays
	 *	---------------------------------------------------------------- */
  .dropdown-overlay {
    z-index: -1;
    transition: opacity .2s linear;
  }
  .dropdown-opening .dropdown-overlay,
  .dropdown-open .dropdown-overlay {
    z-index: 101;
    opacity: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  /**
	 *	=Containers
	 *	---------------------------------------------------------------- */
  .dropdown-menu-wrapper {
    width: auto !important;
    height: auto !important;
    position: fixed !important;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    margin: 0;
    border: 0;
  }
  .dropdown-above .dropdown-menu-wrapper,
  .dropdown-below .dropdown-menu-wrapper {
    top: 100px;
    bottom: 10px;
    margin: 0;
  }
  body.openPanels .dropdown-above .dropdown-menu-wrapper,
  body.openPanels .dropdown-below .dropdown-menu-wrapper {
    top: 150px;    
  }
  .dropdown-menu-container {
    width: 100%;
  }
  /**
	 *	=Header
	 *	---------------------------------------------------------------- */
  .dropdown-menu-main .dropdown-header {
    display: block;
  }
  .dropdown-close {
    display: block;
  }
  .dropdown{
      width:70%;
  }
  .dropdown-toggle .dropdown-text{
      width:90%;
  }
  
    .dropdown.ddlClientSite {
        width: 230px !important;
    }    
}
@media all and (min-width: 601px) {
  .dropdown-overlay {
    display: none !important;
  }
}

.dropdown-toggle .demo-img {
		margin: -10px 0 -10px -20px;
}

.dropdown-list {
	max-height: 200px !important;
	height: auto !important;
	/*overflow-y:auto;*/
}

.dropdown-list li div.menuLeftImage {
	width: 40px;
	height: 20px;
	border: 0 none;
	margin-right: 10px;
	float: left;
	background-size: contain;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.dropdown-list li div.menuRightImage {
	margin-top: 2px;
    width: 25px;
	height: 17px;
    float:right;
    border: 0 none;	
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.searchItem {
	margin: 5px 0;
	border: 1px solid #ccc;
	border-radius: 5px;
	width: 100% !important;
	line-height: 26px;
	padding: 0.17857143em 0;
	padding-left: 3px;
}

.searchItem:focus {
	outline: none;
	box-shadow: none;
	border-color: #0d659b;
}
.dropdown-menu .k-icon.k-i-search {position:absolute; right:10px; top:10px !important;}
.dropdown-menu li a {color:#333; height:30px;}
.wrapperSearch {position:relative;}
.k-icon.k-i-search.searchItem { width:18px !important; height:20px !important; border:0 none;}
.innerMenu .k-icon.k-i-search.searchItem {top:45px !important;}
.dropdown-menu li a span {
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 90%;
	display: inline-block;
	overflow: hidden;
}

.noDataItems {
	text-align: center;
	padding-top: 10px;
	color: #858585;
}

.dropdown-parent .dropdown-link:after:hover {
	content: attr(data-title);
}
/*styles for jquery ui daterangepicker plugin */

.ui-daterangepickercontain {position: absolute; z-index: 99999;}

.ui-daterangepickercontain .ui-widget-header .ui-icon{ background-image:url("/Content/CSS/kendo/Default/sprite.png"); }

.ui-daterangepickercontain .ui-widget-header { background:none; border:none; }

.ui-daterangepickercontain .ui-daterangepicker {
float: left;
padding: 5px !important;
width: auto;
display: inline;
background:#fff;
background-image: none !important;
clear: left;
}

.ui-daterangepickercontain  .ui-datepicker .ui-datepicker-title, .ui-daterangepickercontain .ui-datepicker th{ font-weight:normal}

.ui-daterangepickercontain   .btnDone{ border:1px solid #ccc}

.ui-daterangepicker ul, .ui-daterangepicker .ranges, .ui-daterangepicker .range-start, .ui-daterangepicker .range-end {
float: left;
padding: 0;
margin: 0;
}
.ui-daterangepicker .ranges {
width: auto;
position: relative;
padding: 5px 5px 40px 0;
margin-left: 10px;
}
.ui-daterangepicker .range-start, .ui-daterangepicker .range-end {margin-left: 5px;}
.ui-daterangepicker button.btnDone {
margin: 0 5px 5px 0;
position: absolute;
bottom: 0;
right: 0;
clear: both;
cursor: pointer;
font-size: 12px;
}
.ui-daterangepicker ul {
width: 160px;
background: none;
border: 0;
}
.ui-daterangepicker li {
list-style: none;
padding: 1px;
cursor: pointer;
margin: 1px 0;
font-size:12px;
font-family:Arial;
}
.ui-daterangepicker li.ui-state-hover, .ui-daterangepicker li.ui-state-active {padding: 0;}
.ui-daterangepicker li.preset_0 {
margin-top: 1.5em !important;
}
.ui-daterangepicker .ui-widget-content a {text-decoration: none !important;}
.ui-daterangepicker li a {
font-weight: normal;
margin: .3em .5em;
display: block;
 font-size: 12px;
    line-height: 16px;
    min-height: 16px;
    padding: 0 0.45em 0 0.1em;
}
.ui-daterangepicker li span {float: right;margin: .3em .2em;}
.ui-daterangepicker .title-start, .ui-daterangepicker .title-end {
display: block;
margin: 0 0 .2em;
font-size: 12px;
padding: 0 4px 2px;
text-align:center;
}
.ui-daterangepicker .ui-datepicker-inline {font-size: 12px;}
.ui-daterangepicker-arrows {
padding: 2px;
width: 204px;
position: relative;
}
.ui-daterangepicker-arrows input.ui-rangepicker-input {
width: 158px;
margin: 0 2px 0 20px;
padding: 2px;
height: 1.1em;
}
.ui-daterangepicker-arrows .ui-daterangepicker-prev, .ui-daterangepicker-arrows .ui-daterangepicker-next {
position: absolute;
top: 2px;
padding: 1px;
}
.ui-daterangepicker-arrows .ui-daterangepicker-prev {left: 2px;}
.ui-daterangepicker-arrows .ui-daterangepicker-next {right: 2px;}
.ui-daterangepicker-arrows .ui-daterangepicker-prev:hover,
.ui-daterangepicker-arrows .ui-daterangepicker-next:hover,
.ui-daterangepicker-arrows .ui-daterangepicker-prev:focus,
.ui-daterangepicker-arrows .ui-daterangepicker-next:focus {padding: 0;}


.ui-daterangepickercontain  .ui-state-focus, .ui-daterangepickercontain  .ui-state-active 
{
     color:#fff !important;
background:#E15613;
border-color:#ed5614 !important;   
    } 
    
 .ui-daterangepickercontain  .ui-state-active a{color:#fff !important;}
    
 .ui-daterangepickercontain  .ui-state-hover
    {       
border-color:#ccc!important;
background:#ccc;
color:#2e2e2e !important;        
        }
        
 .ui-daterangepickercontain .ui-icon-circle-triangle-w{ background-position: -15px -208px;}
 
 .ui-daterangepickercontain .ui-icon-circle-triangle-e{ background-position: 0 -192px;}
 
 .ui-daterangepickercontain .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{ background:none !important; border:none !Important;  font-size: 12px;
    line-height: 18px;
    min-height: 18px;
    padding: 0 0.45em 0 0.1em; }
 
 .ui-daterangepickercontain .ui-state-active, .ui-daterangepickercontain .ui-widget-content .ui-state-active, .ui-daterangepickercontain .ui-widget-header .ui-state-active {    background-image: -ms-linear-gradient(top, #FE761B 0%, #E15613 100%) !important;
background:#ff962f !important;
color:#fff !important;
border-color:#ff962f !important; border-radius:4px;
}

.ui-daterangepicker button.btnDone {  color:#fff; padding: 4px 10px;
background:#7D37AD !important;
                                     }
.ui-daterangepicker button.btnDone:hover{ color:#fff !important}

.ui-widget-header {
    color:#000;
}

button.btnDone:focus {
    background:#5f2189
}

/*ARME-7 -*/
.dateRangeInfoContainer {
border-top: 1px solid #ccc;
display: block;
font-style: italic;
margin:6px 0 0 !important;
}

.dateRageInfo {
font-size: 11px !important;
line-height: 14px;
margin: 0px 0 0;
padding: 1px 0 1px 7px;
}

.dateRageInfo:hover, .ui-daterangepickercontain .ui-state-hover {
font-weight:normal !important; color:#c77405 !important; background:#ccc !important; transition: all 0s ease-in 0s !important; border-radius:6px !important;
} 

.dateRangeInfoHover:hover{ padding:1px 0 0 !important;}

.nodata .dateRageInfo{ cursor:default;}
/*==============USED FONTS FAMILY==================*/
@font-face {
    font-family: 'icomoon';
    src: url(/Content/fonts/armFont/armFontIcon.eot?q9kj6r);
    src: url(/Content/fonts/armFont/armFontIcon.eot?q9kj6r#iefix) format('embedded-opentype'), url(/Content/fonts/armFont/armFontIcon.ttf?q9kj6r) format('truetype'), url(/Content/fonts/armFont/armFontIcon.woff?q9kj6r) format('woff'), url(/Content/fonts/armFont/armFontIcon.svg?q9kj6r#icomoon) format('svg');
    /*src:  url('../fonts/armFontIcon.eot?q9kj6r');*/
    /*src:  url('fonts/icomoon.eot?q9kj6r#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?q9kj6r') format('truetype'),
    url('fonts/icomoon.woff?q9kj6r') format('woff'),
    url('fonts/icomoon.svg?q9kj6r#icomoon') format('svg');*/
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'rapsIcon';
    src: url('/Content/fonts/custFontIcon.eot?ppvdoj');
    src: url('/Content/fonts/custFontIcon.eot?ppvdoj#iefix') format('embedded-opentype'), url('/Content/fonts/custFontIcon.ttf?ppvdoj') format('truetype'), url('/Content/fonts/custFontIcon.woff?ppvdoj') format('woff'), url('/Content/fonts/custFontIcon.svg?ppvdoj#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="legendIcon-"], [class*=" legendIcon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'rapsIcon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



/*==========Common Css===============*/
body {
    background: #e4e7ea;
    font-family: 'LatoRegular', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, sans-serif !important;
    line-height: 21px;
    color: #636e7b;
    overflow: hidden;
    font-size: 13px;
}

    body#loginBg {
        background: url(/Content/images/gridBg.png) repeat scroll left top rgba(0, 0, 0, 0);
    }

input, select, textarea {
    font-family: 'LatoRegular', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, sans-serif !important;
    color: #636e7b;
    border-radius: 4px;
    border: 1px solid #c5c5c5;
    line-height: 32px;
}

a:focus, a:active {
    outline: none;
}

a:hover, a:focus {
    text-decoration: none;
    color: inherit;
}

a {
    color: #333;
    transition: all 0.5s;
}

    a:hover {
        color: #ff962f;
    }

h1, h2, h3, h4, h5 {
    font-family: 'LatoRegular', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, sans-serif;
}

strong {
    font-family: 'LatoBold';
    font-weight: normal;
}

.k-autocomplete.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-numeric-wrap.k-state-focused, .k-picker-wrap.k-state-focused, .k-textbox:focus {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.7);
}

/* preloader */
#preloader, #pagePreloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(228, 231, 234,0.5);
    z-index: 10000;
}

#status, #pageStatus {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -15px;
    font-size: 32px;
}
/*==========================  BODY PANEL======================*/
body.closePanels .headerPanel {
    top: -90px !important;
    -webkit-transition: top 0.5s;
    transition: top 0.5s;
}

body.closePanels .headerbar, body.closePanels .logopanel {
    top: 0px !important;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

body.openPanels .headerPanel {
    top: 0px !important;
    -webkit-transition: top 0.5s;
    transition: top 0.5s;
}

body.openPanels .sticky-leftpanel {
    top: 90px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

body.closePanels .sticky-leftpanel {
    top: 0px;
    /*-webkit-transition: all 0.5s;
    transition: all 0.5s;*/
}

body.openPanels .contentpanel {
    margin-top: 12px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

body.closePanels .contentpanel {
    margin-top: 10px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

body.closePanels .topNav {
    display: none;
}
/*==========================  BODY PANEL======================*/
.errorDiv {
    float: left;
    display: block;
    width: 100%;
    height: 40px;
}

footer {
    text-align: center;
    font-size: 11px;
    padding-top: 10px;
}

    footer a {
        color: #333;
    }

        footer a:hover {
            color: #7d328a;
        }

.errorBox {
    font-size: 13px;
    color: #CD0A0A;
    padding-top: 5px;
}

.field-validation-error {
    background-color: #fff4c9 !important;
    border-color: #ffe79e !important;
    color: #635145 !important;
    padding: 5px;
    display: none;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-top: 5px;
    box-shadow: 0 4px 6px rgba(0,0,0,.3)
}

.errorboxTopSpace {
    padding-top: 20px;
}

.errIcon {
    float: left;
    display: block;
    width: 20px;
    height: 18px;
    background: url(/Content/images/error_icon.png) top left no-repeat;
    margin-right: 10px;
}

.inactiveUserSubmit {
    background: #ff962f !important;
    border: medium none !important;
    border-radius: 3px;
    color: #fff !important;
    cursor: pointer !important;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 16px !important;
    height: 33px !important;
    width: 100px;
    margin: 15px 0 0 120px !important;
    padding: 2px 15px 0 !important;
    transition: none !important;
    line-height: 1.72em;
}

    .inactiveUserSubmit:hover {
        background: #580a70 !important;
    }

/* popup style */

.k-window .k-window-titlebar {
    padding-top: 13px;
    padding-bottom: 13px;
    font-size: 1.2em;
    background: url("/Content/images/gridBg.png") repeat scroll left top rgba(0, 0, 0, 0);
    color: #ff962f;
}

.k-window-titlebar .k-window-actions {
    padding-top: .6em !important;
    /*top: -1px;*/
}

.k-window .k-content {
    background: #e4e7ea;
}

/* botstrap button override */

.k-button:focus:not(.k-state-disabled):not([disabled]) {
    box-shadow: none !important;
}

.k-state-focused.k-state-selected, .k-list > .k-state-focused.k-state-selected, .k-listview > .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected {
    box-shadow: none !important;
}

.k-state-focused, .k-widget .k-dropdown-wrap {
    border-color: #c5c5c5 !important;
}

.contentBox {
    padding: 10px;
    min-height: 600px;
}

.editor-field {
    display: inline-block;
    position: relative;
    white-space: nowrap;
}

span.k-tooltip {
    position: relative;
    margin-top: 0;
    text-align: left;
}

.editor-label {
    display: inline-block;
    float: left;
    padding: 5px;
    width: 120px;
}

.editor-field .k-dropdown, .editor-field .k-textbox {
    width: 16em !important;
    line-height: 26px;
}


.k-tooltip-validation {
    font-size: 12px;
}

.contentpanel {
    padding: 10px;
    position: relative;
    font-size: 13px;
    color: #333;
}

    .contentpanel::after {
        clear: both;
        display: block;
        content: '';
    }

.openPanels .contentpanel {
    min-height: 730px;
}

.closePanels .contentpanel {
    min-height: 820px;
}

.navbar {
    min-height: inherit;
    margin-bottom: 0;
    padding: 0 10px;
}
/*==========Common Css===============*/

/***** MAIN PANEL *****/
/**********************/

.mainpanel {
    background: #e4e7ea;
    min-height: 800px;
    -webkit-transition: margin-left 0.5s, top 0.5s;
    transition: margin-left 0.5s, top 0.5s;
}

@media screen and (max-width: 360px) {
    body#loginBg .k-widget.k-window {
        width: 300px !important;
    }

    #divForgotPassword .editor-label {
        width: 85px;
    }

    #formForgotPassword .k-textbox {
        padding-left: 0 !important;
        width: 202px !important;
    }

    #divForgotPassword a#btnSubmit {
        margin: 10px 0 0 85px !important;
    }

    #divForgotPassword .forgotPasswordBox {
        width: 316px !important;
    }
}

.stickyheader .logopanel {
    position: fixed;
    top: 0px;
    top: 90px;
    width: 230px;
    z-index: 100;
    left: 0px;
    transition: all 0.5s;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .stickyheader .logopanel {
        top: 0px; /* removed for heading scrolling issue in chrome */
    }
}

.stickyheader .sticky-leftpanel .leftpanelinner {
    margin-top: 55px;
}

.stickyheader .headerbar {
    position: fixed;
    top: 90px;
    left: 230px;
    width: 100%;
    z-index: 9999;
    box-shadow: 0 1px rgba(0,0,0,0.05);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.stickyheader .mainpanel {
    padding-top: 100px;
}

.stickyheader .header-right {
    margin-right: 200px;
}

.stickyheader.leftpanel-collapsed .headerbar {
    left: 0px;
    -webkit-transition: top 0.5s, left 0.5s;
    transition: top 0.5s, left 0.5s;
}

.stickyheader.chat-view .headerbar {
    right: 200px;
    width: auto;
}

.openPanels .panelBtn {
    background: url("/Content/images/arrow_up.png") center center no-repeat #61676e;
}

.userPanel {
    width: 100%;
    height: 50px;
    background: #000;
    display: block;
    position: relative;
    z-index: 999;
}

a.TipsInfoBlock {
    background: url("/Content/images/TipsIcon.png") no-repeat scroll right center;
    border-left: 1px solid #4e4e4e;
    color: #fff;
    display: block;
    float: right;
    font-size: 15px;
    height: 50px;
    margin-right: 7px;
    min-width: 30px;
}

    a.TipsInfoBlock span {
        color: #e9e9e9;
        display: block;
        font-size: 13px;
        height: 50px;
        margin-right: 5px;
        padding: 16px 32px 0 10px;
        transition: all 0.5s ease 0s;
    }

    a.TipsInfoBlock:hover span {
        color: #b6b5b5 !important;
        text-decoration: none;
    }

div.HelpBlock {
    /*    background: url("/Content/images/TipsIcon.png") no-repeat scroll right center;*/
    border-left: 1px solid #4e4e4e;
    color: #fff;
    display: block;
    float: right;
    font-size: 15px;
    height: 50px;
    /*    margin-right: 7px;*/
    min-width: 30px;
    cursor: pointer;
}

    div.HelpBlock span {
        color: #e9e9e9;
        display: block;
        font-size: 24px;
        height: 50px;
        /*margin-right: 5px;*/
        padding: 12px 10px 0 10px;
        transition: all 0.5s ease 0s;
    }

    div.HelpBlock:hover span {
        color: #b6b5b5 !important;
        text-decoration: none;
    }

.TipsAndTricksLogo {
    background: url("/Content/images/TipsAndTricksLogo.png") no-repeat scroll left center;
    height: 50px !important;
}

.panelBtn {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #838a94;
    cursor: pointer;
    display: block;
    font-size: 18px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: 90px;
    width: 80px;
    z-index: 10001;
    height: 20px;
}

.openPanels .panelBtn.hover {
    background: #ff962f url("/Content/images/arrow_up.png") no-repeat scroll center center;
}

.closePanels .panelBtn {
    background: url("/Content/images/arrow_down.png") center center no-repeat #61676e;
}

.panelBtn:hover {
    background-color: #ff962f;
}

.pannelHide {
    top: 0px !important;
}

.panelBtnBlock {
    width: 100%;
    margin: 0px auto;
    display: block;
    z-index: 9999;
    position: fixed;
    border-top: 1px solid #5c6570;
    top: 88px;
}

.sectionNameBlock {
    color: #ff962f;
    display: block;
    float: left;
    font-size: 20px;
    margin-left: 15px;
    padding-left: 40px;
    height: 50px;
    padding-top: 15px;
    padding-bottom: 11px;
}


a.notifyBlock span.jobNumber {
    background-color: #e47e1a;
    border-radius: 2px;
    font-size: 10px;
    font-weight: normal;
    left: 28px;
    line-height: 13px;
    padding: 2px 5px;
    position: relative;
    top: -26px;
}

a.notifyBlock .notifyHint {
    position: absolute;
    min-height: 20px;
    font-size: 11px;
    padding: 4px;
    width: 150px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #333;
    color: #676767;
    display: none;
    z-index: 9999999;
    top: -40px;
    left: -50px;
    box-shadow: 1px 1px 4px #333;
    text-align: center;
}

a.notifyBlock:hover .notifyHint {
    display: block;
}

.closePanels .panelBtn.hover {
    background: #ff962f url("/Content/images/arrow_down.png") no-repeat scroll center center;
}

.logopanel {
    height: 50px;
    background: #222222;
}

.headerbar {
    background: #222;
    height: 50px
}

/***** LEFT PANEL *****/
/**********************/
.leftpanel {
    width: 230px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    -webkit-transform: translateZ(0);
}

.sticky-leftpanel {
    position: fixed;
    height: 100%;
    overflow-y: auto;
}

.logopanel h1 {
    font-size: 30px;
    font-family: 'LatoBold', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, sans-serif;
    letter-spacing: -1.5px;
    color: #1d2939;
    line-height: 30px;
    margin: 0;
}

    .logopanel h1 span {
        color: #1caf9a;
    }

.projectNameBlock {
    background: url(/Content/images/armalytics_logo.png) center left no-repeat !important;
    width: 230px;
    border-right: 1px solid #4e4e4e;
    display: block;
    float: left;
    height: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.leftNavBtn {
    float: right;
    display: inline-block;
    width: 42px;
    height: 100%;
    cursor: pointer;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

    .leftNavBtn.onBtn {
        background: url("/Content/images/navtogglebtn_on.png") center right no-repeat;
    }

    .leftNavBtn.offBtn {
        background: url("/Content/images/navtogglebtn_off.png") center right no-repeat;
    }

a.leftNavBtn:hover {
    background-color: #424242;
}

.menutoggle {
    float: left;
    width: 50px;
    height: 50px;
    font-size: 22px;
    cursor: pointer;
    float: left;
    color: #1d2939;
    border-right: 1px solid #4e4e4e;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    background: url("/Content/images/navtogglebtn_off.png") center left no-repeat;
    display: none;
}

    .menutoggle:hover {
        color: #1d2939;
        background-color: #494949;
    }

    .menutoggle .fa,
    .menutoggle .glyphicon {
        margin: 14px 0 0 15px;
    }

/*French hide show top panel */
.fr-FR.openPanels .panelBtn {
    background: url("/Content/images/frHideShowBtn.png") 0 -20px no-repeat #61676e;
}

.fr-FR.closePanels .panelBtn {
    background: url("/Content/images/frHideShowBtn.png") 0 0 no-repeat #61676e;
}

.fr-FR .panelBtn:hover {
    background-color: #ff962f;
}

.leftpanel-show .menutoggle, leftpanel-collapsed .menutoggle {
    display: none;
}

.leftpanel-collapsed .menutoggle {
    display: inline-block;
}

.sidebartitle {
    font-size: 22px;
    color: #ff962f;
    margin-bottom: 10px;
    padding-left: 15px;
}

/***** LEFT.menutoggle .fa, PANEL COLLAPSE *****/
/*******************************/
.leftpanel-collapsed .logopanel {
    /*   display: none; --> */
}

.leftpanel-collapsed .headerbar {
    /*  margin-left: -50px; */
}

.leftpanel-collapsed .leftpanel {
    width: 50px;
    top: 50px;
}

.leftpanel-collapsed .leftpanelinner {
    padding: 0;
}

    .leftpanel-collapsed .leftpanelinner .sidebartitle {
        display: none;
    }

.leftpanel-collapsed .leftNavBtn {
    background: url("/Content/images/navtogglebtn_off.png") center right no-repeat !important;
}

.stickyheader.leftpanel-collapsed .header-right {
    margin-right: 0px;
}

.leftpanel-collapsed .nav-bracket {
    /*margin: 5px;   */
}

    .leftpanel-collapsed .nav-bracket li a {
        text-align: center;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        position: relative;
    }

    .leftpanel-collapsed .nav-bracket > li > a:hover {
        border-radius: 2px 0 0 2px;
    }

    .leftpanel-collapsed .nav-bracket > li.nav-parent > a {
        background: none;
    }

    .leftpanel-collapsed .nav-bracket > li.active > a {
        background-color: #e4e7ea;
        color: #111;
        border-radius: 0px;
    }

    .leftpanel-collapsed .nav-bracket > li > a > span:last-child {
        position: absolute;
        background: url("/Content/images/panelBg.png") repeat scroll left top rgba(0, 0, 0, 0);
        color: #fff;
        padding: 9px 10px 10px 10px;
        left: 40px;
        top: 0;
        min-width: 209px;
        text-align: left;
        z-index: 100;
        display: none;
        -moz-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
        -webkit-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
        box-shadow: 0 3px 0 rgba(12,12,12,0.03);
        -moz-border-radius: 0 2px 2px 0;
        -webkit-border-radius: 0 2px 2px 0;
        border-radius: 0 2px 2px 0;
        line-height: 21px;
    }

    .leftpanel-collapsed .nav-bracket > li.active > a > span:last-child {
        -moz-border-radius: 0 2px 0 0;
        -webkit-border-radius: 0 2px 0 0;
        border-radius: 0 2px 0 0;
    }

    .leftpanel-collapsed .nav-bracket > li.nav-hover > a {
        background: #fff;
        color: #1d2939;
    }

    .leftpanel-collapsed .nav-bracket > li.nav-hover.active > a {
        background: #ff962f;
        color: #fff;
    }

    .leftpanel-collapsed .nav-bracket > li.nav-hover > a > span:last-child {
        display: block;
    }

    .leftpanel-collapsed .nav-bracket > li.nav-hover.active > a > span:last-child {
        background: #ff962f;
        color: #fff;
    }

    .leftpanel-collapsed .nav-bracket li.nav-hover > ul {
        display: block;
        position: absolute !important;
        top: 40px;
        left: 45px;
        margin: 0;
        min-width: 204px;
        background: url(/Content/images/panelBg.png);
        z-index: 100;
        -moz-border-radius: 0 0 2px 0;
        -webkit-border-radius: 0 0 2px 0;
        border-radius: 0 0 2px 0;
    }

    .leftpanel-collapsed .nav-bracket ul > li.nav-hover > ul {
        top: 0;
        left: 100%;
    }

    .leftpanel-collapsed .nav-bracket ul a {
        text-align: left;
        padding: 6px 10px;
        padding-left: 20px;
    }

        .leftpanel-collapsed .nav-bracket ul a:hover {
            background: none;
        }

    .leftpanel-collapsed .nav-bracket li a i {
        margin-right: 0;
    }

.leftpanel-collapsed .mainpanel {
    -webkit-transition: margin-left 0.5s, top 0.5s;
    transition: margin-left 0.5s, top 0.5s;
}

.leftpanel-collapsed .sticky-leftpanel {
    overflow-y: visible;
}

.leftpanel-collapsed .nav-bracket .children, .leftpanel-collapsed .infosummary {
    display: none;
}

.leftpanel-collapsed .projectNameBlock {
    background: none;
}

.leftpanel-collapsed .leftNavBtn.onBtn {
    display: none;
}

.headerPanel {
    width: 100%;
    height: 90px;
    position: fixed;
    z-index: 10001;
    display: block;
    background: url("/Content/images/panelBg.png") top left;
    border-bottom: 1px solid #5c6570;
    -webkit-transform: translateZ(0);
}

.header-right {
    float: right;
}

.armlogoblock {
    width: 100%;
    height: 100%;
    display: block;
    background: url("/Content/images/backLight.png") top left no-repeat;
}

.stickyheader .leftpanelinner #leftMainMenu > li:last-of-type ul li:last-of-type ul {
    padding-bottom: 50px;
}

/*Vijendra - 22 Feb 2016 - ARME-324 - Change logo at top left to partner logo for some client logins - point css image to image handler (proxy image)*/
.armLogo {
    display: inline-block;
    float: left;
    width: 100%;
    height: 88px;
    width: 240px;
    background: url("/Content/images/ARM_logo_alpha.png") top left no-repeat;
}

.topNav {
    float: right; /*display:block;*/
    height: 88px;
}

    .topNav ul {
        position: relative;
        display: block;
        width: 100%;
        list-style: none;
        padding: 0px;
    }

        .topNav ul li {
            border-right: 1px solid #000;
            display: block;
            float: right;
            list-style: none outside none;
            margin: 0;
        }

            .topNav ul li a {
                color: #ccc;
                display: block;
                font-size: 19px;
                height: 55px;
                padding: 40px 18px 48px;
            }

                .topNav ul li a:hover, .topNav ul li a.active {
                    color: #ff962f;
                }

    .topNav a.newSpotter {
        /*background: url(/Content/images/newSpotter.png) no-repeat scroll right center;*/
        background-position: 51% 24%;
    }

    .topNav ul li a:hover:after, .topNav ul li a.active:after {
        border: 2px solid #ff962f;
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }


    .topNav a.oldSpotter {
        background: url(/Content/images/oldSpotter.png) no-repeat scroll right center;
        background-position: 51% 24%;
    }

.navbar-default .navbar-nav > li > a {
    color: #ccc;
}

.navbar-default .navbar-nav > li:hover > a {
    color: #ff962f;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #ff962f;
}

.navbar-default .navbar-toggle {
    border-color: #ff962f;
    margin-top: 20px;
}

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: inherit;
    }

    .navbar-default .navbar-toggle:hover {
        border-color: #e1e1e1;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #ff962f;
    }

    .navbar-default .navbar-toggle:hover .icon-bar {
        background-color: #e1e1e1;
    }

/*==========LEFT MENUS CSS=======*/

.nav-bracket {
    margin-bottom: 30px;
}

.leftpanelinner .nav-bracket > li > a {
    color: #fcf8f5;
    padding: 7px 5px;
    border-radius: 0px;
    margin-top: 0px !important;
}

.nav-bracket > li > a:hover,
.nav-bracket > li > a:active,
.nav-bracket > li > a:focus {
    background-color: #e4e7ea;
    color: #111;
    -moz-box-shadow: 0 3px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 3px 0 rgba(0,0,0,0.2);
    box-shadow: 0 3px 0 rgba(0,0,0,0.2);
}

.nav-bracket li.nav-parent > a {
    background: transparent url(/Content/images/plus-white.png) no-repeat 96% center;
}

    .nav-bracket li.nav-parent > a:focus {
        background-color: none;
        color: #8F939E;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .nav-bracket li.nav-parent > a:hover,
    .nav-bracket li.nav-parent > a:active {
        color: #1d2939;
        background: url(/Content/images/plus-white.png) no-repeat 96% center #fff;
    }

.leftpanel-collapsed .nav-bracket li.nav-parent > a, .leftpanel-collapsed .nav-bracket li.nav-parent > a {
    background: none;
}

.nav-bracket li.nav-active > a {
    background-image: url(/Content/images/minus.png);
    color: #fff;
    border: 0px;
}

    .nav-bracket li.nav-active > a:hover {
        background-image: url(/Content/images/minus.png);
        background-repeat: no-repeat;
    }

.nav-bracket > li.nav-active > a:focus {
    color: #ff962f;
}

.nav-bracket > li.active > a,
.nav-bracket > li.active > a:hover,
.nav-bracket > li.active > a:focus {
    background-color: #fff;
    color: #111;
}

    .nav-bracket > li.active > a:before,
    .nav-bracket > li.active > a:hover:before,
    .nav-bracket > li.active > a:focus:before {
        content: "";
        border-left: 4px solid #ff962f;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 4px;
        height: 100%;
    }

.nav-bracket > li.active > a {
    -moz-box-shadow: 0 3px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 3px 0 rgba(0,0,0,0.2);
    box-shadow: 0 3px 0 rgba(0,0,0,0.2);
}

.leftpanel-show .nav-bracket > li.nav-parent.active > a {
    background-image: url(/Content/images/plus.png);
}

.leftpanel-show .nav-bracket > li.nav-active.active > a {
    background-image: url(/Content/images/minus.png);
}

    .leftpanel-show .nav-bracket > li.nav-active.active > a:hover {
        background-image: url(/Content/images/minus.png);
    }

.nav-bracket li .fa,
.nav-bracket li .glyphicon {
    font-size: 16px;
    vertical-align: middle;
    margin-right: 10px;
    width: 16px;
    text-align: center;
}

.nav-bracket > li > a > .badge {
    margin-top: 2px;
}

.nav-bracket .children {
    list-style: none;
    display: none;
    margin: 5px 0;
    padding: 0;
}

    .nav-bracket .children > li > a {
        color: #fcf8f5;
        font-size: 13px;
        display: block;
        padding: 5px 0px 5px 20px;
        -moz-transition: all 0.2s ease-out 0s;
        -webkit-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s;
    }

        .nav-bracket .children > li > a > span {
            margin-top: 2px;
        }

        .nav-bracket .children > li > a:hover,
        .nav-bracket .children > li > a:active,
        .nav-bracket .children > li > a:focus {
            text-decoration: none;
            color: #ff962f;
        }

    .nav-bracket .children > li .fa {
        font-size: 12px;
        opacity: 0.5;
        margin-right: 5px;
        text-align: left;
        width: auto;
        vertical-align: baseline;
    }

    .nav-bracket .children > li.active > a {
        color: #ff962f;
    }

    .nav-bracket .children ul {
        margin-left: 12px;
        border: 0;
    }

.sticky-leftpanel {
    overflow-y: inherit;
}

.stickyheader .sticky-leftpanel .leftpanelinner {
    margin-top: inherit;
    position: relative;
    padding-bottom: 150px;
    height: 100%;
    top: 50px;
    overflow-y: auto;
}

body.stickyheader.leftpanel-collapsed .sticky-leftpanel .leftpanelinner {
    overflow-y: inherit;
}

.nav-bracket > li > a i {
    display: inline-block;
    height: 26px;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    width: 36px;
    margin-right: 5px;
}

.spriteImage {
    background: url("/Content/images/sprite.png") !important;
}

.nav-bracket > li > a i.LivePulse, .leftpanel-collapsed .nav-bracket li.active a i.LivePulse, .leftpanel-collapsed .nav-bracket li.active a:hover i.LivePulse {
    background-position: -86px -5px !important;
}

.leftpanel-collapsed .nav-bracket li.active a i.LivePulse, .nav-bracket > li.active > a i.LivePulse, .nav-bracket > li.active > a:hover i.LivePulse, .nav-bracket > li > a:hover i.LivePulse, .nav-bracket > li > a:hover i.LivePulse {
    background-position: -131px -5px !important;
}

.nav-bracket > li > a i.DailyPulse, .leftpanel-collapsed .nav-bracket li.active a i.DailyPulse, .leftpanel-collapsed .nav-bracket li.active a:hover i.DailyPulse {
    background-position: -88px -98px !important;
}

.leftpanel-collapsed .nav-bracket li.active a i.DailyPulse, .nav-bracket > li.active > a i.DailyPulse, .nav-bracket > li.active > a:hover i.DailyPulse, .nav-bracket > li > a:hover i.DailyPulse, .nav-bracket > li > a:hover i.DailyPulse {
    background-position: -131px -98px !important;
}

.nav-bracket > li > a i.Configuration, .leftpanel-collapsed .nav-bracket > li.active > a i.Configuration, .leftpanel-collapsed .nav-bracket > li.active > a:hover i.Configuration {
    background-position: -86px -65px !important;
}

.leftpanel-collapsed .nav-bracket li.active a i.Configuration, .leftpanel-collapsed .nav-bracket li.nav-hover a i.Configuration, .nav-bracket > li.active > a i.Configuration, .nav-bracket > li.active > a:hover i.Configuration, .nav-bracket > li > a:hover i.Configuration, .nav-bracket > li > a:hover i.Configuration {
    background-position: -131px -65px !important;
}


.nav-bracket > li > a i.EnterData, .leftpanel-collapsed .nav-bracket li.active a i.EnterData, .leftpanel-collapsed .nav-bracket li.active a:hover i.EnterData {
    background-position: -87px -37px !important;
}

.leftpanel-collapsed .nav-bracket li.active a i.EnterData, .nav-bracket > li.active > a i.EnterData, .nav-bracket > li.active > a:hover i.EnterData, .nav-bracket > li > a:hover i.EnterData, .nav-bracket > li > a:hover i.EnterData {
    background-position: -131px -37px !important;
}

.nav-bracket > li > a i.TVActivity, .leftpanel-collapsed .nav-bracket li.active a i.TVActivity, .leftpanel-collapsed .nav-bracket li.active a:hover i.TVActivity {
    background-position: -48px -346px !important;
}

.leftpanel-collapsed .nav-bracket li.active a i.TVActivity, .nav-bracket > li.active > a i.TVActivity, .nav-bracket > li.active > a:hover i.TVActivity, .nav-bracket > li > a:hover i.TVActivity, .nav-bracket > li > a:hover i.TVActivity {
    background-position: -3px -346px !important;
}

.nav-bracket > li > a i.HitwiseReportIcon, .leftpanel-collapsed .nav-bracket li.active a i.HitwiseReportIcon, .leftpanel-collapsed .nav-bracket li.active a:hover i.HitwiseReportIcon {
    background-position: -94px -344px !important;
}

.leftpanel-collapsed .nav-bracket li.active a i.HitwiseReportIcon, .nav-bracket > li.active > a i.HitwiseReportIcon, .nav-bracket > li.active > a:hover i.HitwiseReportIcon, .nav-bracket > li > a:hover i.HitwiseReportIcon, .nav-bracket > li > a:hover i.HitwiseReportIcon {
    background-position: -205px -374px !important;
}

.nav-bracket > li > a i.HitwiseConfigIcon, .leftpanel-collapsed .nav-bracket li.active a i.HitwiseConfigIcon, .leftpanel-collapsed .nav-bracket li.active a:hover i.HitwiseConfigIcon {
    background-position: -86px -65px !important;
}

.leftpanel-collapsed .nav-bracket li.active a i.HitwiseConfigIcon, .nav-bracket > li.active > a i.HitwiseConfigIcon, .nav-bracket > li.active > a:hover i.HitwiseConfigIcon, .nav-bracket > li > a:hover i.HitwiseConfigIcon, .nav-bracket > li > a:hover i.HitwiseConfigIcon {
    background-position: -130px -65px !important;
}

.nav-bracket > li > a i.HistoricPulse, .leftpanel-collapsed .nav-bracket li.active a i.HistoricPulse, .leftpanel-collapsed .nav-bracket li.active a:hover i.HistoricPulse {
    background-position: -284px -32px !important;
}

.leftpanel-collapsed .nav-bracket li.active a i.HistoricPulse, .nav-bracket > li.active > a i.HistoricPulse, .nav-bracket > li.active > a:hover i.HistoricPulse, .nav-bracket > li > a:hover i.HistoricPulse, .nav-bracket > li > a:hover i.HistoricPulse {
    background-position: -284px -2px !important;
}

.spriteImage.Dashboard, .leftpanel-collapsed li.active:hover .spriteImage.Dashboard, .spriteImage.SiteOverview, .leftpanel-collapsed li.active:hover .spriteImage.SiteOverview {
    background-position: -245px -39px !important;
}

li:hover .spriteImage.Dashboard, li.active .spriteImage.Dashboard, li:hover .spriteImage.SiteOverview, li.active .spriteImage.SiteOverview {
    background-position: -245px -7px !important;
}

.spriteImage.ClientSetting, .leftpanel-collapsed li.active:hover .spriteImage.ClientSetting {
    background-position: -245px -336px !important;
}

li:hover .spriteImage.ClientSetting, li.active .spriteImage.ClientSetting {
    background-position: -245px -364px !important;
}

.ClientSetting {
    background-position: -248px -337px !important;
}

.leftpanel-collapsed .nav-bracket li.active a i.clientSettingIcon, .nav-bracket > li.active > a i.clientSettingIcon, .nav-bracket > li.active > a:hover i.clientSettingIcon, .nav-bracket > li > a:hover i.clientSettingIcon, .nav-bracket > li > a:hover i.clientSettingIcon {
    background-position: -248px -365px !important;
}

.leftpanel-collapsed .nav-bracket li.active a i.ARMVault, .nav-bracket > li.active > a i.ARMVault, .nav-bracket > li.active > a:hover i.ARMVault, .nav-bracket > li > a:hover i.ARMVault, .nav-bracket > li > a:hover i.ARMVault, .leftpanel-collapsed .nav-bracket li.active a i.ARMVault {
    background-image: url(/Content/Images/ArmourySprite.png) !important;
    background-position: -45px -155px !important;
}

.nav-bracket > li > a i.ARMVault, .leftpanel-collapsed .nav-bracket li.active a:hover i.ARMVault {
    background-image: url(/Content/Images/ArmourySprite.png) !important;
    background-position: -4px -128px !important;
}

.leftpanel-collapsed .nav-bracket li.active a i.ARMInside, .nav-bracket > li.active > a i.ARMInside, .nav-bracket > li.active > a:hover i.ARMInside, .nav-bracket > li > a:hover i.ARMInside, .nav-bracket > li > a:hover i.ARMInside, .leftpanel-collapsed .nav-bracket li.active a i.ARMInside {
    background-image: url(/Content/Images/ArmourySprite.png) !important;
    background-position: -54px -334px !important;
}

.nav-bracket > li > a i.ARMInside, .leftpanel-collapsed .nav-bracket li.active a:hover i.ARMInside {
    background-image: url(/Content/Images/ArmourySprite.png) !important;
    background-position: -11px -334px !important;
}

.leftpanel-collapsed .nav-bracket li.active a i.ARMHelp, .nav-bracket > li.active > a i.ARMHelp, .nav-bracket > li.active > a:hover i.ARMHelp, .nav-bracket > li > a:hover i.ARMHelp, .nav-bracket > li > a:hover i.ARMHelp, .leftpanel-collapsed .nav-bracket li.active a i.ARMHelp {
    background-image: url(/Content/Images/ArmourySprite.png) !important;
    background-position: -53px -264px !important;
}

.nav-bracket > li > a i.ARMHelp, .leftpanel-collapsed .nav-bracket li.active a:hover i.ARMHelp {
    background-image: url(/Content/Images/ArmourySprite.png) !important;
    background-position: -10px -264px !important;
}
/*sys admin left icons*/
.leftpanel-collapsed .nav-bracket li.active a i.spriteImage.UserManagement, .nav-bracket > li.active > a i.spriteImage.UserManagement, .nav-bracket > li.active > a:hover i.spriteImage.UserManagement, .nav-bracket > li > a:hover i.spriteImage.UserManagement, .nav-bracket > li > a:hover i.spriteImage.UserManagement, .leftpanel-collapsed .nav-bracket li.active a i.spriteImage.UserManagement {
    background: url("/Content/images/rapsEnhanceSprite.png") -33px -240px no-repeat !important;
    width: 28px;
    height: 26px;
}

.nav-bracket > li > a i.spriteImage.UserManagement, .leftpanel-collapsed .nav-bracket li.active a:hover i.spriteImage.UserManagement {
    background: url("/Content/images/rapsEnhanceSprite.png") 0px -240px no-repeat !important;
    width: 28px;
    height: 26px;
}

.leftpanel-collapsed .nav-bracket li.active a i.spriteImage.CompetitorManagement, .nav-bracket > li.active > a i.spriteImage.CompetitorManagement, .nav-bracket > li.active > a:hover i.spriteImage.CompetitorManagement, .nav-bracket > li > a:hover i.spriteImage.CompetitorManagement, .nav-bracket > li > a:hover i.spriteImage.CompetitorManagement, .leftpanel-collapsed .nav-bracket li.active a i.spriteImage.CompetitorManagement {
    background: url("/Content/images/rapsEnhanceSprite.png") -33px -240px no-repeat !important;
    width: 28px;
    height: 26px;
}

.nav-bracket > li > a i.spriteImage.CompetitorManagement, .leftpanel-collapsed .nav-bracket li.active a:hover i.spriteImage.CompetitorManagement {
    background: url("/Content/images/rapsEnhanceSprite.png") 0px -240px no-repeat !important;
    width: 28px;
    height: 26px;
}

.leftpanel-collapsed .nav-bracket li.active a i.spriteImage.ClientSiteManagement, .nav-bracket > li.active > a i.spriteImage.ClientSiteManagement, .nav-bracket > li.active > a:hover i.spriteImage.ClientSiteManagement, .nav-bracket > li > a:hover i.spriteImage.ClientSiteManagement, .nav-bracket > li > a:hover i.spriteImage.ClientSiteManagement, .leftpanel-collapsed .nav-bracket li.active a i.spriteImage.ClientSiteManagement {
    background: url("/Content/images/rapsEnhanceSprite.png") -93px -240px no-repeat !important;
    width: 28px;
    height: 26px;
}

.nav-bracket > li > a i.spriteImage.ClientSiteManagement, .leftpanel-collapsed .nav-bracket li.active a:hover i.spriteImage.ClientSiteManagement {
    background: url("/Content/images/rapsEnhanceSprite.png") -63px -240px no-repeat !important;
    width: 28px;
    height: 26px;
}

.nav-bracket > li > a i.spriteImage.AudienceManagement {
    background: url("/Content/images/rapsEnhanceSprite.png") -333px -270px no-repeat !important;
    width: 30px;
    height: 30px;
}

.nav-bracket > li.active > a i.spriteImage.AudienceManagement, .nav-bracket > li:hover > a i.spriteImage.AudienceManagement {
    background-position: -363px -270px !important;
}

.nav-bracket > li > a i.spriteImage.SocialMediaCampaign {
    background: url("/Content/images/rapsEnhanceSprite.png") -333px -300px no-repeat !important;
    width: 30px;
    height: 30px;
}

.nav-bracket > li.active > a i.spriteImage.SocialMediaCampaign, .nav-bracket > li:hover > a i.spriteImage.SocialMediaCampaign {
    background-position: -363px -300px !important;
}

.nav-bracket > li > a i.spriteImage.DataAdmin, .nav-bracket > li > a i.spriteImage.RAPSUREConfiguration {
    background: url("/Content/images/rapsEnhanceSprite.png") -333px -330px no-repeat !important;
    width: 30px;
    height: 30px;
}

.nav-bracket > li.active > a i.spriteImage.DataAdmin, .nav-bracket > li:hover > a i.spriteImage.DataAdmin, .nav-bracket > li.active > a i.spriteImage.RAPSUREConfiguration, .nav-bracket > li:hover > a i.spriteImage.RAPSUREConfiguration {
    background-position: -363px -330px !important;
}

.nav-bracket > li > a i.spriteImage.UserAccessReport {
    background: url("/Content/images/rapsEnhanceSprite.png") -333px -360px no-repeat !important;
    width: 30px;
    height: 30px;
}

.nav-bracket > li.active > a i.spriteImage.UserAccessReport, .nav-bracket > li:hover > a i.spriteImage.UserAccessReport {
    background-position: -363px -360px !important;
}

.leftpanel-collapsed .spriteImage.DigiNowConfiguration {
    width: 18px;
    height: 18px;
    float: right;
    margin-right: 10px !important;
    background: url("/Content/images/menuIconSprite.png") 0px -120px no-repeat !important;
}

.leftpanel-collapsed .nav-bracket li.nav-parent > a.active .spriteImage.DigiNowConfiguration, .leftpanel-collapsed .nav-bracket li.nav-parent > a:hover .spriteImage.DigiNowConfiguration {
    background: url("/Content/images/menuIconSprite.png") 0px -138px no-repeat !important;
}

.nav-bracket > li > a i.ManageAlerts, .leftpanel-collapsed .nav-bracket li.active a i.ManageAlerts, .leftpanel-collapsed .nav-bracket li.active a:hover i.ManageAlerts {
    background-position: 230px 416px !important
}

.leftpanel-collapsed .nav-bracket li.active a i.ManageAlerts, .nav-bracket > li.active > a i.ManageAlerts, .nav-bracket > li.active > a:hover i.ManageAlerts, .nav-bracket > li > a:hover i.ManageAlerts, .nav-bracket > li > a:hover i.ManageAlerts {
    background-position: 185px 416px !important
}

.nav-bracket > li > a i.Import, .leftpanel-collapsed .nav-bracket li.active a i.Import, .leftpanel-collapsed .nav-bracket li.active a:hover i.Import {
    background-position: 315px 41px !important;
    width: 37px;
    height: 28px;
}

.leftpanel-collapsed .nav-bracket li.active a i.Import, .nav-bracket > li.active > a i.Import, .nav-bracket > li.active > a:hover i.Import, .nav-bracket > li > a:hover i.Import, .nav-bracket > li > a:hover i.Import {
    background-position: 276px 41px !important;
    width: 37px;
    height: 28px;
}

.nav-bracket > li > a i.CampaignMaintenance, .leftpanel-collapsed .nav-bracket li.active a i.CampaignMaintenance, .leftpanel-collapsed .nav-bracket li.active a:hover i.CampaignMaintenance {
    background-position: 235px 41px !important;
    width: 37px;
    height: 28px;
}

.leftpanel-collapsed .nav-bracket li.active a i.CampaignMaintenance, .nav-bracket > li.active > a i.CampaignMaintenance, .nav-bracket > li.active > a:hover i.CampaignMaintenance, .nav-bracket > li > a:hover i.CampaignMaintenance, .nav-bracket > li > a:hover i.CampaignMaintenance {
    background-position: 194px 41px !important;
    width: 37px;
    height: 28px;
}
/*==================RAPS Section Icon===============*/
#divAddEditHelp .k-dropzone .k-upload-status-total {
    left: -20px !important;
}

.spriteImage.RAPSDashboard, .leftpanel-collapsed li.active:hover .spriteImage.RAPSDashboard {
    background-position: -248px -313px !important;
}

li.active .spriteImage.RAPSDashboard, .leftpanel-collapsed li:hover .spriteImage.RAPSDashboard, li.active:hover .spriteImage.RAPSDashboard, li:hover .spriteImage.RAPSDashboard {
    background-position: -248px -289px !important;
}

.spriteImage.Reports, .leftpanel-collapsed li.active:hover .spriteImage.Reports {
    background-position: -245px -168px !important;
}

li:hover .spriteImage.Reports, li.active .spriteImage.Reports {
    background-position: -245px -143px !important;
}

.spriteImage.ClientSummary, .spriteImage.Summary, .leftpanel-collapsed li.active:hover .spriteImage.ClientSummary, .leftpanel-collapsed li.active:hover .spriteImage.Summary {
    background-image: url(/Content/Images/menuIconSprite.png) !important;
    background-position: -30px -30px !important;
    width: 30px;
    margin-right: 11px;
}

li:hover .spriteImage.ClientSummary, li:hover .spriteImage.Summary, li.active .spriteImage.ClientSummary, li.active .spriteImage.Summary {
    background-image: url(/Content/Images/menuIconSprite.png) !important;
    background-position: -30px 0px !important;
}

.spriteImage.CampaignManagement, .leftpanel-collapsed li.active:hover .spriteImage.CampaignManagement {
    background-image: url(/Content/Images/menuIconSprite.png) !important;
    background-position: -120px -90px !important;
    width: 30px;
    margin-right: 5px;
}

li:hover .spriteImage.CampaignManagement, li.active .spriteImage.CampaignManagement {
    background-image: url(/Content/Images/menuIconSprite.png) !important;
    background-position: -120px -60px !important;
    margin-right: 0px;
}

.spriteImage.MasterData, .leftpanel-collapsed li.active:hover .spriteImage.MasterData {
    background-image: url(/Content/Images/menuIconSprite.png) !important;
    background-position: -60px -90px !important;
    width: 30px;
    margin-right: 11px;
}

li:hover .spriteImage.MasterData, li.active .spriteImage.MasterData {
    background-image: url(/Content/Images/menuIconSprite.png) !important;
    background-position: -60px -60px !important;
}

.spriteImage.ConfigureReports, .leftpanel-collapsed li.active:hover .spriteImage.ConfigureReports {
    background-image: url(/Content/Images/menuIconSprite.png) !important;
    background-position: -60px -30px !important;
    width: 30px;
    margin-right: 11px;
}

li:hover .spriteImage.ConfigureReports, li.active .spriteImage.ConfigureReports, .menuLeftCollapse li.active:hover .spriteImage.ConfigureReports {
    background-image: url(/Content/Images/menuIconSprite.png) !important;
    background-position: -60px 0px !important;
}

.spriteImage.TVProcess, .leftpanel-collapsed li.active:hover .spriteImage.TVProcess {
    background-image: url(/Content/Images/menuIconSprite.png) !important;
    background-position: -120px -30px !important;
    width: 30px;
    margin-right: 11px;
}

li:hover .spriteImage.TVProcess, li.active .spriteImage.TVProcess {
    background-image: url(/Content/Images/menuIconSprite.png) !important;
    background-position: -120px 0px !important;
}

.spriteImage.PressProcess, .leftpanel-collapsed li.active:hover .spriteImage.PressProcess {
    background-image: url(/Content/Images/menuIconSprite.png) !important;
    background-position: -90px -30px !important;
    width: 30px;
    margin-right: 11px;
}

li:hover .spriteImage.PressProcess, li.active .spriteImage.PressProcess {
    background-image: url(/Content/Images/menuIconSprite.png) !important;
    background-position: -90px 0px !important;
}

.spriteImage.System, .leftpanel-collapsed li.active:hover .spriteImage.System {
    background-image: url(/Content/Images/menuIconSprite.png) !important;
    background-position: -90px -90px !important;
    width: 30px;
    margin-right: 11px;
}

li:hover .spriteImage.System, li.active .spriteImage.System {
    background-image: url(/Content/Images/menuIconSprite.png) !important;
    background-position: -90px -60px !important;
}

.spriteImage.GlobalOverview, .leftpanel-collapsed li.active:hover .spriteImage.GlobalOverview {
    background-position: -911px -98px !important;
}

li:hover .spriteImage.GlobalOverview, li.active .spriteImage.GlobalOverview {
    background-position: -911px -65px !important;
}

.nav-bracket > li.active > a > span {
    position: relative;
    right: 3px;
}
/*==================RAPS Section Icon===============*/

.nav-bracket .children {
    max-height: 250px;
    overflow: auto;
}

.children li a {
    width: 100%;
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    padding-left: 40px;
}

    .children li a:hover, .children li a:focus, .children li.active a.active {
        color: #ff962f;
    }

/*sys admin left icons*/

/*===========================COLLAPSE MENU CSS===============================*/
.menuLeftCollapse {
    list-style-type: none;
    display: none;
    padding: 0;
    margin: 0;
    background: url(/Content/images/panelBg.png);
    position: absolute;
    min-width: 204px;
}

.leftpanel-collapsed .nav-bracket .children.afterShowingInner {
    background: url(/Content/images/panelBg.png);
    position: absolute;
    min-width: 204px;
    left: 45px;
    margin: 0 !important;
    display: block;
}

.leftpanel-collapsed .nav-bracket > li > a > span:last-child.showMenu {
    display: block;
}

.menuLeftCollapse li a {
    padding: 10px;
    display: inline-block;
    width: 100%;
    color: #fff;
}

.nav-bracket .menuLeftCollapse li:hover > a, .nav-bracket .menuLeftCollapse li.nav-parent li li > a:active {
    color: #ff962f;
}

.leftpanel-collapsed .menuLeftCollapse {
    max-height: 250px;
    overflow: auto;
}

.leftpanel-collapsed .nav-bracket .menuLeftCollapse li .parentView, .leftpanel-collapsed .nav-bracket .menuLeftCollapse li .parentGoogleAnalyticsConfig {
    top: 40px;
}

.leftpanel-collapsed .nav-bracket .menuLeftCollapse li .parentDigiNowConfiguration {
    top: 60px;
}

.leftpanel-collapsed .nav-bracket .children .spriteImage.ImportAdd,
.leftpanel-collapsed .children .spriteImage.View,
.leftpanel-collapsed .children .spriteImage.GoogleAnalyticsConfig {
    background: url(/Content/Images/menuIconSprite.png) 0 -120px no-repeat !important;
    width: 18px;
    height: 18px;
    float: right;
}

.leftpanel-collapsed .nav-bracket .children li:hover .spriteImage.ImportAdd,
.leftpanel-collapsed .nav-bracket .children li:hover .spriteImage.View,
.leftpanel-collapsed .nav-bracket .children li:hover .spriteImage.GoogleAnalyticsConfig {
    background: url(/Content/Images/menuIconSprite.png) 0 -138px no-repeat !important;
}

.leftpanel-collapsed .nav-bracket li.nav-active > a:hover {
    background: none;
}

.leftpanel-collapsed .nav-bracket li.nav-hover > ul.children ul.children {
    display: none !important;
}

/*===========================MOBILE MENU CSS===============================*/
/*sys admin left icons*/
/*==========LEFT MENUS CSS=======*/

/*==========Language Dropdown CSS=======*/
#languageDropdown {
    margin: 5px 16px 0 0;
    padding: 0;
    list-style-type: none;
}

    #languageDropdown .k-dropdown {
        width: 130px;
        background: none;
        border: 1px solid #ccc;
        box-sizing: border-box;
        border-radius: 14px;
        box-shadow: 2px 2px 2px #625151;
    }

        #languageDropdown .k-dropdown:hover {
            box-shadow: 2px 2px 2px #636363;
        }

        #languageDropdown .k-dropdown .k-dropdown-wrap {
            background: none;
            border: 0 none;
            padding-right: 35px;
        }

            #languageDropdown .k-dropdown .k-dropdown-wrap .k-input span {
                color: #fff;
                display: inline-block;
                text-indent: initial;
                font-size: 12px;
            }

            #languageDropdown .k-dropdown .k-dropdown-wrap .k-icon {
                font-size: 2em;
            }

                #languageDropdown .k-dropdown .k-dropdown-wrap .k-icon:before {
                    content: "\e701";
                }

    #languageDropdown .flag-icon, #languageDropdownList-list .flag-icon {
        margin-right: 5px;
        border: 1px solid #888;
        border-width: 0.3px;
    }

.stickyheader #languageDropdown .k-dropdown {
    border-color: #4e4e4e;
}

.languageDropdown .dataText, [id^=languageDropdown] .dataText {
    display: none;
}

#loginBg [id^=languageDropdown] .dataText {
    display: inline-block;
}
/*==========Language Dropdown CSS=======*/
/*==========Search Panel CSS=======*/
.searchPanelNav {
    display: flex;
}

.searchForm {
    display: flex;
    flex-flow: row wrap;
}

.clientLogo {
    float: inherit;
    display: inline-block;
    white-space: nowrap;
}

.searchForm .btn-success {
    height: fit-content;
    line-height: 30px;
    background: #ff962f !important;
    color: #fff !important;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 0.12em 13px !important;
}

.searchPanelNav .k-dropdown {
    min-width: 200px;
    font-size: 14px;
}

.searchPanelNav .k-dropdown-wrap.k-state-default {
    background: #fff !important;
}

.searchPanelNav .form-group {
    margin: 0 15px 15px 0;
}

.k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input, .k-textbox > input {
    height: inherit;
    line-height: 27px;
}
/*==========Search Panel CSS=======*/

@media all and (-ms-high-contrast:none) {
    #languageDropdown .k-dropdown .k-dropdown-wrap .k-input span {
        text-indent: -1px;
    }
}

@media screen and (max-width:767px) {
    #languageDropdown span {
        display: inline-block !important;
    }

        #languageDropdown span.dataText {
            display: none !important;
        }

    #languageDropdown .k-dropdown {
        width: 36px;
    }

    #languageDropdownList_listbox span.dataText, #languageDropdown .k-select {
        display: none !important;
    }

    .fr-FR .summaryTitle {
        font-size: 12px !important;
        line-height: normal;
        margin-bottom: 7px !important;
    }

    .fr-FR #divDirectoryManipulation .km-scroll-container {
        height: 50% !important;
    }

    #languageDropdown {
        margin-right: 5px;
    }

    .fr-FR #divMessage, #divDashboard #divMessage {
        width: 70%;
    }

    .searchPanel .k-widget.k-timepicker input[type="text"] {
        min-width: 170px;
    }

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        border-color: #e1e1e1;
        background-color: inherit;
    }

    .navbar-default .navbar-toggle {
        border-color: #ff962f;
        margin-top: 20px;
    }

    #languageDropdown {
        margin-right: 5px;
    }

        #languageDropdown .k-dropdown {
            width: 36px;
        }

        #languageDropdown span {
            display: inline-block !important;
        }

            #languageDropdown span.dataText {
                display: none !important;
            }

        #languageDropdownList_listbox span.dataText, #languageDropdown .k-select {
            display: none !important;
        }

    .userInfoBlock span, .header-right span {
        display: none !important;
    }

    a.TipsInfoBlock {
        display: none;
    }

    .panelBtn {
        top: 0;
    }

    .clientLogo {
        display: none !important;
    }

    .navbar-collapse {
        min-height: 390px;
    }

    .topNav {
        width: 100%;
        border: 0 none;
    }

        .topNav ul {
            display: inline-block;
            background: #4e4e4e;
            right: 0px;
            z-index: 20000000;
            float: right;
        }

    .navbar-nav {
        margin: 0 -15px;
    }

    .navbar-default .navbar-nav > li {
        border-bottom: 1px solid #e1e1e1;
    }

    .topNav ul li {
        display: block;
        float: left;
        border-right: 0 none;
        width: 100%;
    }

    .navbar-default .navbar-nav > li > a {
        padding: 15px 15px 15px 15px;
    }
}
/*==================LIVE PULSE CSS====================*/
.ddlClient_FullscreenModeSetting .dropdown-menu-open {
    width: 222px;
    min-width: auto;
    max-width: initial;
}

#lnkFullscreenModeSettings {
    width: 22px;
    height: 18px;
    cursor: pointer;
    display: block;
    position: absolute;
    right: -15px;
    top: 10px;
    z-index: 1;
}

.livePulseSearch {
    margin-bottom: 10px;
}

h5 .helpText, h5 .settingOption, h5 .historicCopyChart {
    margin-left: 10px;
}

.subtitle {
    font-size: 14px;
    color: #333;
    font-family: Helvetica, sans-serif;
    margin-bottom: 15px;
    margin-top: 0;
    font-weight: bold;
}

    .subtitle.livechartTitle {
        margin: 0 !important;
    }

.timeZoneText.pull-right {
    line-height: 36px;
    margin-right: 5px;
    font-weight: normal;
    padding: 0 10px;
    margin-top: -5px;
    color: #fff;
    background: #dcdcdc !important;
    color: #333;
    border-radius: 5px;
    cursor: inherit;
}

.noUpcomingSpot.pull-right {
    line-height: 33px;
    margin-right: 5px;
    font-weight: normal;
    padding: 0 10px;
    margin-top: -5px;
    color: #333;
    border-radius: 5px;
    cursor: inherit;
    background: #dcdcdc;
    border-radius: 7px;
}

.customTooltipTop {
    position: absolute;
    display: none;
    color: #000;
    font-size: 20px Arial, sans-serif;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
    background: #fff;
    padding: 0 5px;
    border: 1px solid rgb(35,149,166);
    border-radius: 3px;
    box-shadow: 0 0 2px 1px rgba(10,70,90,0.3);
}

.livePulseContent, .livePulseContent #chartContainer {
    padding: 0;
}

    .livePulseContent #contentBlock {
        padding-top: 0;
    }

    .livePulseContent .panel-body {
        margin-top: 0;
    }
/*===============DARK THEME=============*/
.dark {
    color: #333;
}
    /*Amish Waghmare :: 29-07-15 :: ARME-171 : CSS for the live pulse full screen in dark version*/
    .dark .panel {
        background: #242424;
    }

    .dark .subtitle {
        color: #fff;
    }

    .dark .nav.nav-tabs {
        background: #242424;
        border-color: #444;
        border-bottom-width: 1px;
    }

    .dark .tab-content {
        background: #242424;
        border-color: #444;
    }

    .dark #contentBlock .upcomingSpotsView.active a, .dark #contentBlock .pastSpotsView.active a {
        background: #444444 !important;
    }

    .dark #contentBlock .pastSpotsView > a, .dark #contentBlock .upcomingSpotsView > a {
        background: #666666 !important;
        color: #fff;
    }

    .dark #contentBlock .pastSpotsView.active > a, .dark #contentBlock .upcomingSpotsView.active > a {
        color: #ff962f;
    }

    .dark .mainpanel, body.dark {
        background: #0d0d0d;
    }

    .dark.popover {
        -moz-box-shadow: 2px 2px 3px #000;
        -webkit-box-shadow: 2px 2px 3px #000;
        box-shadow: 2px 2px 3px #000;
        border: solid 1px #666;
    }

        .dark.popover .arrow::after {
            border-left-color: #999 !important;
        }

    .dark .popover-content {
        background: #333;
        color: #fff;
    }

    .dark .popover-title {
        border-bottom: 1px solid #666;
    }

    .dark .smalltitle {
        color: #b7b7b7;
    }

    .dark .k-grid-content tr {
        background-color: #333;
        color: #fff;
    }

        .dark .k-grid-content tr.k-alt {
            background-color: #222;
        }

    .dark .k-grid td, .dark .k-grid.k-widget {
        border-color: #444;
    }
    /*.dark #upcomingSpotsGrid .k-grid-content, .dark #pastSpotsGrid .k-grid-content{ border:1px solid #444;}*/
    .dark .k-grid-header .k-header {
        background: #000;
        color: #fff;
        border: 1px solid #444;
    }

    .dark .k-grid-header {
        border: none;
    }

    .dark #liveChart svg g text {
        fill: #fff;
    }

    .dark #liveChart svg g path[stroke-width="1"] {
        stroke: #888;
    }

    .dark #liveChart svg g circle {
        fill: #222;
    }

    .dark .k-window .k-window-titlebar {
        background: rgba(0, 0, 0, 0) url("/Content/images/gridBg.png") repeat scroll left top;
    }

    .dark .k-window .k-header {
        border: none;
        color: #ff962f;
    }

#divFullscreenModeSettingWindow_wnd_title {
    left: 24px;
}

#divFullscreenModeSettingWindow .editor-label {
    margin-left: 10px;
    width: 50px;
}

#divFullscreenModeSettingWindow .editor-field {
    margin-right: 125px;
}

.dark .k-filter-menu {
    background: #222;
    border: 1px solid #666;
    color: #fff;
}

.dark .k-tooltip.k-chart-tooltip.k-chart-tooltip-inverse {
    background: #222 !important;
}

.dark .station_Name, .dark .prog_Name, .dark .productName, .dark .estImpact, .dark .spotLength, .dark .airTime, .dark .fa.fa-eye.eyeicon, .dark .fa.fa-film.filmicon, .dark .fa.fa-clock-o.clockicon {
    color: #fff;
}

.dark .plusOneIcon {
    background: rgba(0, 0, 0, 0) url("/Content/images/plusOneIconWhite.png") no-repeat scroll 0 0;
}

#lnkExitFullscreenMode {
    background: url("/Content/images/FullScreenExitWhite.png") no-repeat top left;
    width: 26px;
    height: 22px;
    display: block;
    margin: 12px 10px 0 0;
    float: right;
}

#lnkToolbarFullscreenModeSettings {
    background: url("/Content/images/FullScreenSettingWhite.png") no-repeat top left / 92%;
    width: 26px;
    height: 26px;
    display: block;
    margin: 11px 8px 0 0;
    float: right;
}

.dark #lnkExitFullscreenMode {
    background: url("/Content/images/FullScreenExitDark.png") no-repeat top left;
}

.dark #lnkToolbarFullscreenModeSettings {
    background: url("/Content/images/FullScreenSettingDark.png") no-repeat top left / 92%;
}

.dark button[class*="armIcon-"],
.dark span[class*="armIcon-"],
.dark a[class*="armIcon-"],
.dark i[class*="armIcon-"] {
    color: #fff;
}

.dark .k-grid tr:hover {
    background: #4e4e4e;
}

#divFullscreenToolbarContainer {
    text-align: right;
    float: left;
    width: 100%;
}

.ClientLogoFullscreen {
    float: right;
    margin: 10px 0 0;
}

.ARMLogoFullscreen {
    float: left;
    margin: 0px 0 10px;
}

#divClientInfoContainer {
    clear: both;
    width: 100%;
    float: left;
}

#divFullscreenToolbar {
    text-align: right;
    float: right;
    opacity: 0;
}

.livePulseSearch .col-sm-4.hidden-xs.clientLogo {
    padding: 0 70px 0 0;
    text-align: right;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.dark .k-grid-content {
    background: #333;
}

.LivePulseFullscreenHeader {
    background: rgba(0, 0, 0, 0) url("/Content/images/leftpanelBg.png") repeat scroll left top;
    border-bottom: 3px solid #636363;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left: 1px solid #636363;
    border-right: 1px solid #636363;
    display: block;
    height: 90px;
    text-align: center;
    color: #ff962f;
    width: 370px;
    font-size: 18px;
    letter-spacing: 0.4px;
    position: absolute;
    left: calc(50% - 185px);
}

.livePulseHeaderImage {
    background: url("/Content/images/ARMLivePulseHeader.png") no-repeat top left;
    color: #ff962f;
    font-size: 28px;
    height: 31px;
    margin: 15px 0 5px 29px;
    padding: 4px 0 0 167px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body.dark #customTooltip {
    background: rgba(0, 0, 0, 0.5) !important;
    box-shadow: 1px 2px 2px #000;
}

.dark.fullScreenMode .timeZoneText.pull-right {
    color: #fff;
    background: #444 !important;
}

.dark.fullScreenMode a.noUpcomingSpot.pull-right {
    background: #444;
    color: #fff;
}

/*===============DARK THEME=============*/

/*UpComing Spot Details*/
.upComingSpotDetails {
    position: absolute;
    right: 90px;
    top: 60px;
    padding: 10px;
    border: 1px solid #ff962f;
    border-radius: 5px;
    background: rgba(255,255,255,0.7);
}

    .upComingSpotDetails p {
        margin: 0;
        padding: 0;
        line-height: 16px;
        color: #333;
    }

.upComingStationLogo {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    vertical-align: top;
}

    .upComingStationLogo img {
        width: 100%;
    }

.upComingSpotDetailsContent {
    display: inline-block;
}

.dark .upComingSpotDetails {
    background: rgba(68,68,68,0.7);
    border: 1px solid #888888;
}

    .dark .upComingSpotDetails p {
        color: #fff;
    }

#NoOfRollingDays.k-textbox {
    width: 4em !important;
}

#NoOfFutureRollingDays.k-textbox {
    width: 4em !important;
}

.form-group:first-child, .form-group:last-child {
    margin-bottom: 10px;
}


.visitIP {
    background: none repeat scroll 0 0 #d9534f;
    border-radius: 100%;
    display: inline-block;
    height: 120px;
    padding-top: 40px;
    position: relative;
    text-align: center;
    top: -55px;
    vertical-align: middle;
    width: 120px;
    transition: all 0.5s;
    left: 80px;
}

.visitTotal {
    background: none repeat scroll 0 0 #36a8c6;
    border-radius: 100%;
    display: inline-block;
    height: 150px;
    left: 70px;
    padding-top: 60px;
    position: relative;
    text-align: center;
    top: -29px;
    width: 150px;
    transition: all 0.5s;
}

.visitCookie {
    background: none repeat scroll 0 0 #ff962f;
    border-radius: 100%;
    display: inline-block;
    height: 120px;
    left: 106px;
    padding-top: 50px;
    position: relative;
    text-align: center;
    top: -26px;
    width: 120px;
    transition: all 0.5s;
}

.uniqueNewVisit {
    background: none repeat scroll 0 0 #03994d;
    border-radius: 100%;
    display: inline-block;
    height: 120px;
    left: 70px;
    padding-top: 50px;
    position: relative;
    text-align: center;
    top: -25px;
    width: 120px;
    transition: all 0.5s;
}

.num {
    color: #fff;
    font-size: 3em;
    font-family: Helvetica, sans-serif;
}

.tagName {
    color: #fff;
    display: block;
    font-size: 0.9em;
    line-height: 12px;
}

.bubbleBlock {
    height: 276px;
    width: 400px;
    margin: 0 auto;
}

#bubbleContainer .panel-body {
    margin-top: 0;
}

#gridsContainer[class*="col-"], #bubbleContainer[class*="col-"] {
    padding: 0;
    box-sizing: border-box;
}

#gridsContainer[class*="col-"] {
    padding-right: 10px;
}

.searchSpotsIcon.fa-search {
    margin-left: 10px;
    padding: 5px;
    font-size: 17px;
    display: inline-block;
    height: 32px;
    border: 2px solid #333;
    color: #333;
    border-radius: 50%;
    width: 32px;
    position: relative;
}

    .searchSpotsIcon.fa-search:hover {
        color: #ff962f;
        border-color: #ff962f;
    }

    .searchSpotsIcon.fa-search:before {
        position: absolute;
        top: 5px;
        left: 6px;
    }

.productSearch {
    float: left;
    margin-left: 5px;
    height: 35px;
}

.CompetitorSearch {
    float: left;
    margin-left: 5px;
    height: 35px;
}

#divVariableTab {
    position: relative;
}

#mainSearch {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

#divSearchWindow .variableChart .tab-content {
    min-height: 717px;
}

#customTooltip {
    display: none;
    background: rgba(245, 245, 245, 0.8) !important;
    box-shadow: 1px 2px 2px #999;
    z-index: 1;
    border-radius: 5px;
    height: auto;
    width: 320px;
    border: 1px solid green;
    padding: 10px;
    position: absolute;
}

.stationToolTip {
    width: 300px;
}

#livePulseToolTip.stationToolTip {
    background: #fff !important;
}

.statistics, .stationInfo {
    float: left;
    position: relative;
    display: block;
    width: 100%;
}

.station_Logo {
    float: left;
    display: block;
    padding: 5px 5px 5px 0px;
    color: #4e4e4e;
}

.stationDetails {
    margin-top: 1px;
    font-size: 12px;
    color: #333;
}

.station_Name {
    float: left;
    display: inline;
    padding: 0px 10px 0px 0px;
    line-height: 18px;
    max-width: 150px;
}

.prog_Name {
    float: left;
    display: inline;
    padding: 0px 10px 0px 0px;
    line-height: 18px;
}

.productName {
    float: left;
    text-transform: uppercase;
}

.estImpact, .spotLength, .airTime, .stationLogo {
    float: left;
    display: block;
    padding: 5px 8px;
    color: #4e4e4e;
}

.eyeicon, .filmicon, .clockicon {
    font-size: 14px;
    color: #000;
    padding-right: 5px;
}

.varinfo {
    position: relative;
    display: inline-block;
    width: 75%;
}

.nextSpotWrap {
    width: 130px;
    height: 49px;
    background: #e7e7e7;
    border-radius: 7px;
    border-bottom: 4px solid #e7e7e7;
    margin-right: 10px;
    margin-top: -21px;
}

    .nextSpotWrap
    .nextSpottxt {
        background: #ff962f;
        width: 21px;
        height: 55px;
        float: left;
        position: relative;
    }

.nextSpotcontent {
    width: 105px;
    float: left;
    display: flex;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    height: 43px;
}

    .nextSpotcontent img {
        width: 42px;
        padding: 0 3px 0 5px;
    }

.nextSpottxt span {
    transform: rotate(271deg);
    display: inline-block;
    font-size: 10px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 25px;
    white-space: nowrap;
    color: #fff;
}

.nextSpotcontent p {
    font-size: 11px;
    margin-top: 9px;
    float: right;
    padding: 10px 0 6px 0;
    width: 70px;
    text-indent: 6px;
    line-height: 15px;
}

    .nextSpotcontent p span {
        display: block;
    }

span#stationName {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dark.fullScreenMode .nextSpotWrap {
    background: #444444;
    color: #fff;
    border-bottom: 4px solid #444444;
}

.fr-FR .nextSpotcontent p {
    width: 80px;
}

.fr-FR .nextSpotcontent img {
    width: 35px;
}
/*==================LIVE PULSE CSS====================*/
/*User Management*/
.copyUserSetIcon {
    background: url("/Content/Images/rapsEnhanceSprite.png") no-repeat -63px -330px;
    float: right;
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin-right: 10px;
    transition: none;
}

    .copyUserSetIcon:hover {
        background-position: -93px -330px;
    }

.forcePassChangeIcon {
    background: url("/Content/Images/rapsEnhanceSprite.png") no-repeat -123px -330px;
    float: right;
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin-right: 10px;
    transition: none;
}

    .forcePassChangeIcon:hover {
        background-position: -153px -330px;
    }

.copySiteIcon, .copyIcon, .editIcon, .moveIcon {
    color: #333;
    float: right;
    font-size: 24px;
    transition: none;
    font-family: 'icomoon' !important;
    cursor: pointer;
    font-style: normal;
}

    .copySiteIcon:hover, .copyIcon:hover, .editIcon:hover, .moveIcon:hover {
        color: #ff962f;
    }

    .copySiteIcon:before, .copyIcon:before {
        content: "\e913"
    }

    .editIcon::before {
        content: "\e918";
    }

    .moveIcon::before {
        content: "\e92a"
    }




.panel-body {
    padding: 10px;
    margin-top: 10px;
}

.userSearchPanel {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}

.quickSearchPanel {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    vertical-align: top;
}

.headerTemplate .k-i-search {
    position: absolute;
    top: 5px;
    right: 10px;
}

#quickSearch {
     padding-left: 30px;
    padding-right: 30px;
    line-height: 26px;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  display: block;
   direction: ltr;
}

#quickSearch:focus {
    padding-right: 29px;
}

#UsersGrid .k-grid-content {
    height: auto;
    max-height: 550px;
}

.k-dropdown-wrap.k-state-default {
    background: #fff;
    border-radius: 5px;
}

#btnaddNewUser {
    background: #ff962f;
    color: #fff;
    border: 0 none;
    margin-left: 10px;
}

    #btnaddNewUser:hover {
        background: #580a70;
    }

.customer-photo {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-size: 32px 35px;
    background-position: center center;
    vertical-align: middle;
    line-height: 32px;
    /*box-shadow: inset 0 0 1px #999, inset 0 0 10px rgba(0,0,0,.2);*/
    margin: 5px;
}

.customer-name {
    display: inline-block;
    vertical-align: middle;
    line-height: 32px;
    padding-left: 3px;
}

#userForm .form-group.col-md-6, #CopyClientGroup .form-group.col-md-6 {
    width: 48%;
    box-sizing: border-box;
    padding: 0px;
}

#userForm .col-md-6, #userForm .col-md-12, .formColPadding .col-md-12, .formColPadding .col-md-6 {
    padding: 0;
}

#addNewUser .form-group.col-md-12 {
    padding: 0;
}

#userForm .form-group label.editor-label {
    margin-left: 0;
    width: 100px;
}

#ManagerID-list .k-item-text.overflowText {
    width: 75%;
    min-width: 120px;
}

.k-item-text.selectedItemText.overflowText {
    width: 72%;
    min-width: 120px;
}

#addNewUser .editor-field .k-dropdown, #addNewUser .editor-field .k-textbox, #CopyClientGroup .editor-field .k-textbox, #CopyClientGroup .editor-field .k-dropdown {
    width: 15em !important;
}

.clientAcces .header {
    display: inline-block;
    width: 100%;
}

#userForm .clientAcces .header label {
    width: auto;
}

#userForm .form-group.col-md-12 {
    box-sizing: border-box;
}

.clientListViw {
    display: inline-block;
    margin-left: 105px;
}

    .clientListViw .k-listbox {
        width: 20em;
    }

#addNewUser .k-upload {
    display: inline-block;
    margin-right: 10px;
}

#addNewUser #logo {
    margin-right: 10px;
}

.avtNote {
    font-size: 12px;
}

#addNewUser .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #bbbbbb;
}

#userManager-list .k-item {
    line-height: 22px;
    max-height: 22px;
}

.k-draghandle.k-state-selected:hover,
.k-ghost-splitbar-horizontal,
.k-ghost-splitbar-vertical,
.k-list > .k-state-highlight,
.k-list > .k-state-selected,
.k-marquee-color,
.k-panel > .k-state-selected,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited,
.k-tool.k-state-selected {
    border-color: #ff962f;
}

.k-listbox .k-item:hover:not(.k-state-disabled) {
    color: #fff;
}

.form-fieldset fieldset {
    border: 1px solid #bbb;
    padding: 10px;
    margin-bottom: 15px;
}

#CopyClientGroup .col-md-12 {
    box-sizing: border-box;
}

.form-fieldset legend {
    width: auto;
    padding: 0 10px;
    margin-left: 10px;
    margin-bottom: 0;
    font-size: 13px;
    border-bottom: 0;
}

.form-fieldset .editor-label, .userLabel {
    width: 70px;
}

.clientGroupLabel {
    width: 100%;
}

#EnablePwdExpiryFeature :hover, #PwdResetMailSent:hover, #Enabled:hover, #statusEnabled:hover, #statusDisabled:hover {
    background: #7d328a;
    color: #fff;
    border-color: #7d328a;
}

#EnablePwdExpiryFeature.active, #PwdResetMailSent.active, #Enabled.active, #statusEnabled.active, #statusDisabled.active {
    background: #ff962f;
    border-color: #ff962f;
    color: #fff;
}

    #EnablePwdExpiryFeature.active.hover, #PwdResetMailSent.active:hover, #Enabled.active:hover, #statusEnabled.active:hover, #statusDisabled.active:hover {
        background: #ee7f12;
    }

#clientgrplistView {
    width: 150px;
}

.truncketText {
    width: 70%;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}

#btncopygrp {
    margin-right: 50px;
}

#AddSharedAccessForm .form-group.col-md-6 {
    padding-left: 0;
}

    #AddSharedAccessForm .form-group.col-md-6 .editor-label {
        padding-left: 0;
    }

    #AddSharedAccessForm .form-group.col-md-6.extraLeftMg {
        padding-left: 25px;
    }

        #AddSharedAccessForm .form-group.col-md-6.extraLeftMg .editor-label {
            padding-left: 8px;
        }
/*User Management*/
/*=========================== COMMON BUTTONS CSSS =============================*/
.btnActive, .k-button.active {
    background: #ff962f;
    color: #fff;
    border: 1px solid #ff962f;
}

    .btnActive:hover, .k-button.active:hover, .k-button:hover {
        background: #7d328a;
        color: #fff;
        border: 1px solid #7d328a;
    }

.k-button {
    height: 32px;
    padding: 4px 15px;
}
/*=========================== COMMON BUTTONS CSSS =============================*/
/*==============PAGE ICONS START==============================*/
.sectionNameBlock {
    background-image: url(/Content/Images/pageIconSprite.png);
    background-repeat: no-repeat;
}

.userManagementIcon {
    background-position: left 0;
}

.UserAccessReport {
    background-position: left -1700px;
}

.SiteManageLogo {
    background-position: left -50px;
}

.livePulseLogo {
    background-position: left -400px;
}

.spotPerformancelogo {
    background-position: left -550px;
}

.latestPulseLogo {
    background-position: left -700px;
}

.configLogo {
    background-position: left -500px;
}

.enterDataLogo {
    background-position: left -650px;
}

.rapsDashbordIcon {
    background-position: left -350px;
}

.rapsChartIcon, .rapsRapsureIcon, .rapsCrossTabIcon, .rapsReportIcon {
    background-position: left -250px;
}

.rapsKPIGridIcon {
    background-position: left -100px;
}

.clientSummaryIcon {
    background-position: left -950px;
}

.masterDataIcon {
    background-position: left -850px;
}

.configureReportIcon {
    background-position: left -900px;
}

.tvProcessIcon {
    background-position: left -1000px;
}

.pressProcessIcon {
    background-position: left -800px;
}

.systemMenuIcon {
    background-position: left -750px;
}

.barbEnemyLogo {
    background-position: left -1100px;
}

.DigitalLogo {
    background-position: left -450px;
}

.clientSettingTopbar {
    background-position: left -300px;
}

.ARMVaultLogo, .docviewerName {
    background-position: left -1150px;
}

.ARMInsideLogo {
    background-position: left -1200px;
}

.ARMHelpLogo {
    background-position: left -1250px;
}

.faqPageIcon {
    background-position: left -1350px;
}

.contactPageIcon {
    background-position: left -1400px;
}

.termPageIcon {
    background-position: left -1300px;
}

.TipsAndTricksLogo {
    background-position: left -1453px;
}

.campaignMaintenance {
    background-position: left -1500px;
}

.importProcess {
    background-position: left -1753px;
}

.headerbar .rapsDashbordIcon {
    background-position: 0px -1900px;
}
/*==============PAGE ICONS END==============================*/

.noData {
    font-size: 25px;
    text-align: center;
    font-family: Arial;
    font-weight: bolder;
    color: black;
    opacity: 0.2;
    position: absolute;
    width: auto;
    line-height: initial;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

/*=================CLIENT SITE MANAGEMENT CSS=================*/
.k-item-text.overflowText {
    width: 85%;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top;
    min-width: 120px;
}

.hiddenControl {
    display: none;
}

.leftBorder {
    border-left: 1px solid #dbdbdb;
}

.title {
    margin-bottom: 10px;
}

    .title h4 {
        display: inline-block;
        margin: 0;
        color: #333;
        line-height: 32px;
    }

.k-listbox {
    width: 100%;
}

.k-i-search {
    font-size: 20px;
}

.noPadding {
    padding: 0;
}

.k-state-selected .status_Indicator {
    border: thin solid #fff;
}

.status_Indicator {
    padding: 5px 5px;
    border-radius: 100%;
    margin-top: 5px;
    display: inline-block;
    margin-right: 5px;
}

    .status_Indicator.circle_Active {
        background: orange;
    }

    .status_Indicator.circle_Disabled {
        background: lightgray;
    }

    .status_Indicator.circle_Hidden {
        background: white;
        border: 1px solid #c5c5c5;
    }

.dropdown-menu-container li.dropdown-item a {
    display: flex;
}

    .dropdown-menu-container li.dropdown-item a span.status_Indicator.circle_Active, .dropdown-menu-container li.dropdown-item a span.status_Indicator.circle_Disabled, .dropdown-menu-container li.dropdown-item a span.status_Indicator.circle_Hidden {
        width: 10px;
        height: 10px;
    }

.form-inline .form-control {
    background: none;
    border: 0 none;
    font-size: 14px;
    color: #333;
    vertical-align: inherit;
    padding: 0 10px 0 0;
}

.clientGroupInformation .borderBox, .armUsers .borderBox, .clientUsers .borderBox {
    background-color: #fff;
    box-shadow: 0 5px 10px 0px #999;
    min-height: 300px;
    padding-top: 10px;
    margin-bottom: 20px;
    border-radius: 10px;
}

.k-grid td .status_Indicator {
    display: inline-block;
    padding: 8px;
}

.k-grid tr:hover {
    background: #efefef;
}

#formClientGroup .k-tabstrip.k-header, #formClientGroup .k-tabstrip.k-header:focus {
    background: none;
    border: 0 none;
    box-shadow: none;
}

.mb-10 {
    margin-bottom: 10px;
}

.k-tabstrip-top > .k-tabstrip-items .k-item {
    line-height: 26px;
    margin-right: 2px;
}

.pull-right.k-i-check-outline {
    margin-left: 5px;
    font-size: 16px;
}

.k-button.ui-state-active, .k-button.ui-state-active:hover {
    background: #ff962f;
    color: #fff;
    border: 1px solid #ff962f;
}

.k-button.ui-controlgroup-item {
    border-radius: 0;
    margin-right: 2px;
    line-height: normal;
}

#formClientGroup .editor-label.user, #formAddClientGroup .editor-label.user {
    width: auto;
}

.listBoxContainer .k-widget.k-header {
    background: none;
    border: 0 none;
}

.listBoxContainer {
    width: 88%;
    position: relative;
    border: 1px solid #c5c5c5;
    background: #fdfdfd;
    padding: 10px;
    border-radius: 8px;
}

.k-listbox.k-listbox-toolbar-right .k-listbox-toolbar {
    position: absolute;
    z-index: 10;
    right: -48px;
}

#editClientGroupTab .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar .k-button, #addClientGroupTab .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar .k-button {
    padding: 4px;
}

#formClientGroup .clearAll.armIcon-ClearFilter, #formAddClientGroup .clearAll.armIcon-ClearFilter {
    vertical-align: middle;
    margin-left: 5px;
}

.k-listbox .k-list-scroller {
    width: 100%;
}

.listBoxContainer .searchListBox {
    margin: 0px 10px 10px 0px;
    width: 100%;
}

#divEditClientGroup .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .k-grid-content .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #bbbbbb;
}

.listBoxContainer .k-icon.k-i-search {
    position: absolute;
    z-index: 10;
    top: 14px;
    right: 15px;
}

.clientWindow {
    height: auto;
    max-height: 500px;
}

.clientInfo, .activeDetails {
    display: inline-block;
    width: 100%;
}

    .clientInfo .col-md-12 {
        margin-bottom: 10px;
    }

.activeDetails {
    margin-top: 20px;
}

    .activeDetails .col-md-4 div {
        display: inline-block;
        text-align: center;
        padding: 8px;
    }

.activeSites {
    color: #fff;
    background: #ff962f;
}

.disabledSites {
    color: #333;
    background: #dbdbdb;
}

.hiddenSites {
    color: #333;
    border: 1px solid #dbdbdb;
}

.activeDetails .col-md-4 div span {
    font-size: 22px;
    vertical-align: middle;
    margin-left: 10px;
    font-weight: bold;
}

.k-grid td.bb-1 {
    border-width: 0 0 1px 0;
}

.listBoxContainer .k-listbox li.k-item .pull-right {
    margin-right: 10px;
}

.k-grid-header .k-header {
    background: #f6f6f6;
    background-image: none;
}

#sitesGrid {
    border: 0 none;
}

.siteGridManage {
    display: inline-block;
    width: 100%;
    padding: 10px;
    background: #fcfcfc;
    border-radius: 10px;
    height: 290px;
}

#logoImage {
    height: 100px;
    margin-bottom: 10px;
    max-width: 100%;
}

.k-header.k-grid-toolbar {
    padding: 10px;
    background: none;
}

#sitesGrid .k-header.k-grid-toolbar {
    padding-top: 0;
}

div.k-grid-footer, div.k-grid-header {
    border-left-width: 0px;
    border-left-style: solid;
}
/*border changed by musaddiq*/
.k-grid-content.mCustomScrollbar {
    border: 0px solid #c5c5c5;
    background: #fff;
    border-top: 0;
}
/*border changed by musaddiq*/
.armUsers .k-widget, .clientUsers .k-widget {
    border-width: 0;
    border-top-width: 1px;
}

.k-grid tbody .k-button.k-grid-Edit, .k-grid tbody .k-button.k-grid-Edit:hover, .k-grid tbody .k-button.k-grid-Copy, .k-grid tbody .k-button.k-grid-Copy:hover, .k-grid tbody .k-button.k-grid-Move, .k-grid tbody .k-button.k-grid-Move:hover {
    background: none;
    border: 0 none;
    min-width: 30px;
    min-height: 30px;
    padding: 5px;
    width: 40px;
    margin: 0;
}

#editClientGroup, #editClientGroupARMUsers, #editClientGroupClientUsers {
    border: 1px solid #333;
    padding: 3px 5px;
    font-size: 17px;
    border-radius: 50%;
}

    #editClientGroup:hover, #editClientGroupARMUsers:hover, #editClientGroupClientUsers:hover {
        border-color: #ff962f;
    }

#txtSearchSite.k-textbox, #txtSearch.k-textbox {
    width: 250px;
    line-height: 26px;
    padding-left: 25px;
}

.headerTemplate .k-i-search {
    left: 10px;
}

.headerTemplate .k-i-search {
    right: 30px;
}

.searchSite {
    display: inline-block;
    position: relative;
    margin-right: 10px;
}

.flag-icon {
    width: 25px;
    height: 17px;
    vertical-align: middle;
    margin-right: 5px;
}

.overflowText {
    min-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topNav ul li.mobileMenu {
    display: none;
}

#editClientGroupTab .k-button, #addClientGroupTab .k-button {
    padding: 4px 7px;
    margin-right: 2px;
    height: 26px;
}

#responseTypesGrid .k-multiselect-wrap ul[id*='_taglist'] li.k-button {
    width: inherit;
}

#sendMailToClient .editor-field {
    width: 80%;
}

    #sendMailToClient .editor-field input, #sendMailToClient table.k-editor {
        width: 100% !important;
    }

#sendMailToClient .tag-this {
    width: 98%;
    max-height: 80px;
}

#sendMailToClient .k-editor.k-editor-widget .k-content, #sendMailToClient .k-tool-group .k-tool {
    background: #fff;
}

    #sendMailToClient .k-tool-group .k-tool:hover {
        background: #eee;
        color: #333;
    }

#sendMailToClient .showHideCC, #sendMailToClient .showHideBCC {
    margin-right: 10px;
}

#sendMailToClient .editor-field .k-widget.k-invalid-msg {
    left: 0;
}

#sendMailToClient .anchor-link, #sendMailToClient .anchor-link:hover, .clientGroupInformation .anchor-link, .clientGroupInformation .anchor-link:hover {
    text-decoration: underline;
    color: blue !important;
}

#clientUsersGrid .customer-name, .armUsers .customer-name {
    line-height: 21px;
}

.clientInfo .removeMargin {
    margin: 0px;
}

.clientInfo {
    line-height: 16px;
}

    .clientInfo .clientContact, .clientInfo .contactEmail {
        word-break: break-word;
    }

/*======================SITE MANAGEMENT CSS =====================*/
#siteLogo {
    height: 50px;
    cursor: default;
}

.clientSiteManager {
    display: inline-block;
    width: 100%;
}

.k-alt, .k-pivot-layout > tbody > tr:first-child > td:first-child, .k-resource.k-alt {
    background: #f8f8f8;
}

.k-button.k-state-focused, .k-button.k-state-focused.k-state-disabled, .k-button:focus, .k-button:focus:hover, .k-state-disabled .k-button.k-state-focused {
    border-color: #bbb;
}

.clientSiteTitle h3 {
    display: inline-block;
    margin: 0;
    line-height: 50px;
}

.clientSiteTitle .clientSiteLogo {
    max-height: 50px;
}

.siteManagementSteps ul li h4 {
    cursor: pointer;
}

.siteManagementSteps ul li:hover h4 {
    color: #7d328a;
}

.siteManagementSteps ul li.active {
    background-color: #fff;
}

.siteManagement .k-button.pull-right {
    margin-left: 20px;
}

.clientSiteTitle {
    background: #f4f4f4;
    box-shadow: 0 1px 2px 1px #ccc;
    padding: 10px;
    display: inline-block;
    width: 100%;
}

.siteManagement {
    min-height: 630px;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    padding: 20px;
    font-size: 13px;
}

    .siteManagement .title {
        line-height: 40px;
        border-bottom: 1px solid #dbdbdb;
    }

.form-inline .form-group {
    margin: 0 15px 15px 0;
    padding: 0;
}

.searchPanelNav form label {
    margin-right: 5px;
}

.form-control.k-textbox {
    padding: .17857143em 0;
    border: 1px solid #c5c5c5;
}

.siteManagementFooter {
    bottom: 10px;
    padding: 20px 10px;
    border-top: 1px solid #dbdbdb;
    display: inline-block;
    width: 100%;
}

.fileDropZone {
    width: 100%;
    margin-top: 15px;
    display: inline-block;
}

.wizardStepList {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: -16px;
    top: 20px;
    width: 100%;
}

    .wizardStepList li h4 {
        margin: 0;
        padding: 10px 0;
        display: inline-block;
        color: #333;
    }

a {
    cursor: pointer;
}

.armIcon-FillCorret {
    color: #838383;
    font-size: 28px;
    margin-right: 10px;
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    box-shadow: 1px 1px 2px 0px #333;
}

.completeStep .armIcon-FillCorret {
    color: #ff962f;
}

.wizardStepList li h4 .armIcon-NextArrowLarge {
    display: none;
    transform: rotate(180deg);
    padding: 5px;
    border-radius: 50%;
    margin-right: 10px;
}

.wizardStepList li.active h4 .armIcon-NextArrowLarge {
    display: inline-block;
    color: #fff;
    background: #ff962f
}

.wizardStepList li.active h4 .armIcon-FillCorret {
    display: none;
}

code.overflowText {
    background: #fff;
    padding: 3px 5px;
    color: #333;
    font-size: 12px;
    border: 1px solid #dbdbdb;
    border-radius: 10px;
    margin-left: 10px;
    display: inline-block;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    min-width: inherit;
}

code .flag-icon {
    width: 17px;
}

.k-dropdowntree {
    width: 16em;
}

.wizardStep .form-control.k-textbox {
    width: 20em !important
}

#productsGrid .k-header {
    padding: 10px;
}

.k-grid tbody .k-command-cell .k-button {
    background: none;
    border: 0 none;
    padding: 0;
    margin-right: 0px;
    min-width: 40px;
}

    .k-grid tbody .k-command-cell .k-button:hover {
        color: #ff962f;
    }

.k-icon.k-i-delete {
    font-size: 24px;
}

a:focus {
    color: #333;
}

a.k-button:hover .k-icon.k-i-delete {
    color: #ff962f;
}

.k-tabstrip-wrapper .k-header {
    background: none;
    border: 0 none;
}

.k-tabstrip-left > .k-tabstrip-items {
    padding: 0 0 0.3em 0.3em;
}

.k-loading.k-complete {
    border: 0 none;
}

.k-tabstrip-wrapper .k-header:focus {
    box-shadow: none;
    border: 0 none;
}

.k-tabstrip-left > .k-tabstrip-items .k-item {
    line-height: 24px;
    margin-bottom: 1px;
}

#editClientGroupTab.k-tabstrip .k-content.k-state-active, #addClientGroupTab.k-tabstrip .k-content.k-state-active {
    min-height: 340px;
    padding-left: 30px;
}

#siteSystemSectionTabStrip .k-sprite {
    font-size: 20px;
    margin-right: 0;
    margin-left: 10px;
    color: #333;
    width: 22px;
    height: 24px;
    margin-top: 0px;
}

    #siteSystemSectionTabStrip .k-sprite.k-icon.active {
        color: #ff6a00;
    }

.sectionSwitch {
    margin-bottom: 15px;
}

    .sectionSwitch label {
        font-size: 14px;
        color: #333;
        margin-right: 10px;
        display: inline-block;
        width: 178px;
    }

.systemSection .form-group.col-md-6 {
    width: 48%;
}

.form-inline .form-control.k-textboxNumeric {
    border: 1px solid #d5d5d5;
    line-height: 30px;
    width: 16em;
    padding-left: 5px;
}

.rapsConfiguration {
    border-color: #d5d5d5;
    width: 100%;
}

    .rapsConfiguration thead tr {
        background: #f6f6f6;
        line-height: 30px;
        border-top: 1px solid #e3e3e3;
    }

    .rapsConfiguration th, .rapsConfiguration td {
        padding: 5px 10px;
    }

    .rapsConfiguration th {
        border: 1px solid #e3e3e3;
    }

    .rapsConfiguration tr {
        border-bottom: 1px solid #e3e3e3;
    }

.mediaSection {
    margin: 50px auto;
    width: 45%;
}

    .mediaSection .siteMediaType {
        display: inline-block;
        border: 1px solid #dbdbdb;
        width: 130px;
        padding: 10px;
        margin: 0 20px 20px 0;
        border-radius: 10px;
        cursor: pointer;
        box-shadow: 1px 1px 2px 0 #ccc;
    }

.siteMediaType.active, .siteMediaType:hover {
    background: #ff962f;
    color: #fff;
    border-color: #ff962f;
}

.siteMediaType i[class*="armIcon-"] {
    font-size: 100px;
    color: #333;
}

.mediaSection .siteMediaType span {
    font-size: 16px;
    line-height: 20px;
}

.siteMediaType.active i[class*="armIcon-"], .siteMediaType:hover i[class*="armIcon-"] {
    color: #fff;
}

.k-command-cell .k-button.k-grid-cancel .k-icon.k-i-cancel, .k-command-cell .k-button.k-grid-update .k-icon.k-i-check {
    color: #333;
    font-size: 18px;
}

.k-command-cell .k-button.k-grid-cancel:hover .k-icon.k-i-cancel, .k-command-cell .k-button.k-grid-update:hover .k-icon.k-i-check {
    color: #ff962f;
}

.k-grid-norecords {
    display: inline-block;
    min-height: 190px;
    height: auto;
}

.clientGroupImg {
    width: 100%;
    text-align: center;
    margin: 10px 0px;
}

.clientGroupName {
    color: #ff962f;
    width: 100%;
    text-align: center;
    font-size: 26px;
    line-height: 26px;
    margin-top: 10px;
    display: inline-block;
}

.timeZone.editor-field .k-dropdown {
    width: 280px !important;
}

.siteMangeMobileMenu .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background: #ff962f;
}

.siteMangeMobileMenu {
    position: absolute;
    right: 20px;
    z-index: 100;
    background: transparent;
    border: 1px solid #ff962f;
    border-radius: 5px;
    padding: 5px;
    top: 100px;
    display: none;
}

    .siteMangeMobileMenu .icon-bar:not(:last-child) {
        margin-bottom: 5px;
    }
/*======================SITE MANAGEMENT CSS =====================*/

/*======================USER PROFILE=================*/
#SharedUserWindow .form-group.col-md-6 {
    width: 47%;
}

#SharedUserWindow .k-datepicker {
    width: 205px;
}

#SharedUserWindow .form-group.col-md-12 {
    box-sizing: border-box;
}

#Profiletabstrip .k-content.k-state-active {
    margin-left: inherit !important;
    min-height: 280px !important;
    border-width: 0 0 0 1px;
}

#divEditProfile .form-group.col-md-4 .editor-field {
    width: 100%;
}

.k-dropzone em {
    display: inline-block;
    margin-left: 0;
    font-size: 12px;
    color: #333;
}

.k-dropzone.k-state-disabled em {
    display: none;
}

.k-dropzone {
    border: 1px solid #c5c5c5;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px !important;
    background-color: #ffffff;
}

.searchForm .k-dropzone {
    padding: 6px !important;
    border: 2px dashed #c5c5c5;
}

.spotterImportContent .searchForm .form-group {
    position: relative;
    top: 6px;
}

.uploadProfileImage {
    display: inline-block;
    width: 100%;
    text-align: center;
    min-height: 112px;
}

    .uploadProfileImage img {
        width: 100px;
        border: 1px solid #c5c5c5;
    }

button[class*="armIcon-"], span[class*="armIcon-"], a[class*="armIcon-"], i[class*="armIcon-"] {
    background: none;
    border: 0 none;
    color: #333;
    font-size: 24px;
    outline: 0 none;
}

    button[class*="armIcon-"]:hover, span[class*="armIcon-"]:hover, a[class*="armIcon-"]:hover, i[class*="armIcon-"]:hover, .nav-tabs > li > a[class*="armIcon-"]:hover {
        color: #ff962f;
    }

.passwordMust {
    display: inline-block;
    padding: 10px;
    border: 1px solid #eaeaea;
    background: #fdfcfc;
    margin-left: 100px;
}

    .passwordMust ul {
        list-style-type: none;
        line-height: 24px;
        padding: 0;
    }

        .passwordMust ul i {
            margin-right: 5px;
            color: #ff962f;
            font-size: 14px;
        }

.k-tabstrip-wrapper th.k-header {
    border-color: #c5c5c5;
}

.k-listbox-toolbar span[class*="icon"] {
    font-size: 20px;
}

.k-tabstrip-items .k-state-default {
    background: #f6f5f5;
}

.k-tabstrip-items .k-state-active {
    background: #fff;
}

#usersGrid .overflowText {
    max-width: 75%;
}

#usersGrid i[class*='armIcon'], .k-grid .grid-sharedUser {
    font-size: 32px;
    display: inline-block;
    vertical-align: middle;
    color: #979797;
    margin: 5px;
}

.k-switch-label-off, .k-switch-label-on {
    font-size: 14px;
}

#userForm span.k-tooltip {
    left: 135px;
}

.userTypesSelection, #divResponseTypeButton, #divKPITypeButton {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
    padding: 6px 1px 2px 8px;
    border: 1px solid #dadada;
    border-radius: 5px;
}

    .userTypesSelection .editor-label {
        width: 90px;
        margin-bottom: 0 !important;
        padding-bottom: 0;
    }

#ddlRole_taglist .k-i-arrow-60-down:before, #AssignedOffices_taglist .k-i-arrow-60-down:before, #SelectedProducts_taglist .k-i-arrow-60-down:before {
    content: " "
}
/*ARME-896*/
#ddlRole_taglist .k-button, #AssignedOffices_taglist .k-button, .customMultiSelectDdl .k-button, #SelectedProducts_taglist .k-button {
    background: none;
    border: 0 none;
    height: auto;
}
/*ARME-896*/
.asignLable {
    margin-bottom: 10px;
    padding: 0;
}

.clientGroupImg img {
    height: 100px;
    max-width: 100%;
}

.confirmMessage {
    width: 100%;
    line-height: 20px;
    margin-bottom: 10px;
    font-size: 15px;
    text-align: center;
}

#confirmResetPasswordWindow .btnActive, #confirmUserStatusChangeWindow .btnActive {
    margin-right: 15px;
    width: 60px;
}

#moveSiteWindowTemplate .addNewClientGroup {
    margin-left: 10px;
}

.userProfileMain ul.k-tabstrip-items {
    margin-top: 50px;
    width: 250px;
}

#ddlRole_taglist li span[unselectable="on"], #AssignedOffices_taglist li span[unselectable="on"] {
    line-height: 26px;
}

.userTypesSelection span.k-clear-value.k-i-close, .userFormContainer span.k-clear-value.k-i-close {
    background: #ff962f;
    padding: 2px;
    color: #fff;
    border-radius: 50%;
    top: 7px;
    font-size: 16px;
}

    .userTypesSelection span.k-clear-value.k-i-close:hover, .userFormContainer span.k-clear-value.k-i-close:hover {
        background: #7d328a;
    }

    .userTypesSelection span.k-clear-value.k-i-close:before, #AssignedOffices_taglist span.k-clear-value.k-i-close:before {
        top: 2px;
        left: inherit;
        bottom: inherit;
        right: 1px;
    }

.userNameBlock {
    position: absolute;
    font-size: 25px;
    color: #ff962f;
    top: 30px;
    left: 20px;
    min-width: inherit;
    width: 245px;
    z-index: 1;
    height: 30px;
}

.siteMangeMobileMenu {
    top: 0;
    right: 10px;
}

.userProfileMain .k-tabstrip-items .k-state-default {
    background: #fff;
    border: 0 none;
}

    .userProfileMain .k-tabstrip-items .k-state-default:hover {
        background: #7d328a;
    }

        .userProfileMain .k-tabstrip-items .k-state-default:hover .k-link {
            color: #fff;
        }

    .userProfileMain .k-tabstrip-items .k-state-default.k-state-active:hover {
        background: #ff962f;
    }

.userProfileMain span.k-tooltip {
    left: 0;
}

#AddSharedAccessForm .col-md-12 {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

#AddSharedAccessForm .form-group.col-md-12.text-center {
    margin-top: 15px;
}

.noclientGroupAssigned, .noclientGroupAvailable {
    display: block;
    font-size: 15px;
    font-family: arial;
    font-weight: bolder;
    position: absolute;
    top: 50%;
    left: 20%;
    opacity: 0.5;
    color: black;
    width: 15em;
    text-align: center;
}

.k-tabstrip-items .k-loading {
    display: none !important;
}

.grid-sharedUser {
    font-size: 34px;
    display: inline-block;
    vertical-align: middle;
    color: #c5c5c5;
    margin-right: 5px;
}

.forTooltips {
    width: 100%;
    height: 100%;
    padding: .929em 1.286em;
    /*cursor: alias;*/
    display: inline-block;
    box-sizing: border-box;
}

#gridSharedWithMe_tt_active, #gridSharedByMe_tt_active {
    background: #fff;
    border: 1px solid #dadada;
    white-space: nowrap;
}

#popmodel_SharedByUserID_listbox .k-item {
    line-height: 23px;
    min-height: 23px;
    height: 23px;
}

.accessActive, .accessRevoked, .accessExpired {
    padding: 5px;
    color: #fff;
    width: 60px;
    display: inline-block;
}

.accessActive {
    background: #ff962f;
}

.accessRevoked {
    background: #dfdfdf;
    color: #333;
    /*cursor:alias;*/
}

.accessExpired {
    background: #ff0000;
}

.customer-name.overflowText, .layoutUName.overflowText {
    min-width: inherit;
    max-width: 175px;
}

#gridSharedWithMe_tt_active .k-tooltip-content, #gridSharedByMe_tt_active .k-tooltip-content {
    line-height: 2em;
    text-align: left;
    line-break: normal;
    max-height: 200px !important;
    overflow-y: auto;
    width: 100%;
}

.forTooltips code {
    color: #333;
    background: #e4e7ea;
    padding: 3px 5px;
    font-family: 'LatoRegular', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, sans-serif !important;
    font-size: 100%;
    border-radius: 5px;
    border: 1px solid #bbbbbb;
}

#Editprofile div[class*="col-"] {
    padding: 0;
}

.k-upload .k-upload-button {
    margin-right: 1em;
}

.searchPanelNav .k-upload .k-upload-button {
    margin-right: 5px;
    background-color: #ff962f;
    color: white;
}

.editor-label.upLabel {
    width: auto;
}

#contentBlock .activeDetails .col-md-4 {
    margin: 0 5px 8px 0;
}

.clsNewSpotter {
    width: 90%
}

.form-group.siteInputWrap {
    position: relative;
}

.wizardStep.siteSections span#SpotterClientCode_validationMessage {
    position: absolute !important;
    top: 30px;
}

/*=================CLIENT SITE MANAGEMENT CSS=================*/
/*============NOTIFICATION WINDOW CSS===============*/
.k-notification-button h3 {
    font-size: 15px;
    line-height: 26px;
    padding: 0;
    margin: 0;
    position: relative;
}

    .k-notification-button h3 i {
        margin-right: 5px;
    }

.k-notification-button > div {
    padding: 10px;
    position: relative;
}

.messageClose {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff
}

.k-icon.messageClose:before {
    color: #fff;
    font-size: 17px;
}

/*CSS for the Qucik accress page START*/
#quickAccess .container {
    display: block;
    width: 100%;
    height: auto;
}

    #quickAccess .container .item {
        display: block;
        width: inherit;
        height: 40px;
        line-height: 40px;
        background: #f5f5f5;
        border: 1px solid #ccc;
        cursor: pointer;
        color: #333;
        font-size: 18px;
        padding: 0 0 0 15px;
        margin: 5px 0 0;
    }

        #quickAccess .container .item:last-child {
            border-bottom: 1px solid #ccc;
        }

    #quickAccess .container .item-data {
        display: none;
        width: inherit;
        height: auto;
        border: 1px solid #ccc;
    }

    #quickAccess .container .active {
        background: #eee;
        color: #000;
    }

    #quickAccess .container .item-data div {
        background: #fff;
        color: #333;
        font-size: 18px;
        padding: 10px 15px 20px;
    }

    #quickAccess .container .item-data.active {
        border-top: none;
        border-bottom: 1px solid #ff962f;
        border-left: 1px solid #ff962f;
        border-right: 1px solid #ff962f;
    }

    #quickAccess .container .accordionContainerOS h3, #quickAccess .container .accordionContainerBrowsers h3 {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 5px;
    }

        #quickAccess .container .accordionContainerOS h3:first-child, #quickAccess .container .accordionContainerBrowsers h3:first-child {
            margin-top: 5px;
        }

    #quickAccess .container .item:hover {
        background: #ff962f;
        border: 1px solid #ff962f;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
    }

    #quickAccess .container .item.itemActive {
        background: #ff962f;
        border: 1px solid #ff962f;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
    }

img.quickAccessImage {
    border: 1px solid #ccc;
    display: block;
    margin: 10px 0 0;
    padding: 5px;
}

.quickAccessImage.windwosStep1 {
    width: 641px;
}

#quickAccess a {
    color: #333;
}

#quickAccess h4 {
    font-size: 20px;
}

#quickAccess h5 {
    margin: 20px 0 6px;
    font-size: 22px;
    font-weight: bold;
}
/*CSS for the Qucik accress page END*/

.Datepicker-Display-Area {
    width: 200px;
    border: 1px solid #c5c5c5;
    line-height: 30px;
    border-radius: 5px;
    cursor: pointer;
    height: 34px;
    text-indent: 7px;
    color: #333;
}

#editClientGroupTab-1, #addClientGroupTab-1 {
    overflow: inherit;
}

.alert {
    margin-bottom: 0;
}

.k-grid td[style*="text-align"] .editIcon {
    float: inherit;
}

.masterScreenPopup .field-validation-error {
    /*margin-left:135px; commented by musaddiq*/
    display: inline-block;
    left: 0;
}
/*KPI Configuration*/
.clientSearch, .mediaTypeSearch {
    display: inline-block;
    vertical-align: top;
}

.searchText {
    display: inline-block;
    position: relative;
    margin-right: 10px;
}

.rowUpDown span.armIcon-UpArrow, .rowUpDown span.armIcon-DownArrow {
    font-size: 18px;
}

.rowUpDown a:hover span.armIcon-UpArrow,
.rowUpDown a:hover span.armIcon-DownArrow,
.rowUpDown a:hover span.armIcon-MoveUpDown {
    color: #ff962f;
}

.divMoveGrid {
    position: relative;
}

    .divMoveGrid .k-i-close {
        position: absolute;
        right: 10px;
        cursor: pointer;
        color: #333;
    }

        .divMoveGrid .k-i-close:hover {
            color: #ff962f;
        }
/*.divMoveGrid{
    position: absolute;
    background: #fff;
    padding: 10px;
    border: 1px solid #bbb;
    width: 280px;
    border-radius: 5px;
    box-shadow: 0 1px 2px 0 #ddd;
    left:14%;
    top:45px;
    z-index:100;
}
#divKPIConfigGrid td[role="gridcell"] {
    position:relative;
}*/
#divKPIConfigGrid .editor-label {
    width: inherit;
}

.preloaderChart {
    background-color: #e4e7ea;
    height: 100%;
    left: 0;
    opacity: 0.5;
    top: 0;
    width: 100%;
    z-index: 10000;
    position: absolute;
}

.statusChart {
    font-size: 32px;
    height: 30px;
    left: 50%;
    margin: -15px 0 0 -15px;
    position: absolute;
    top: 50%;
    width: 30px;
}

.noDataVariable {
    background: red;
    padding: 6px 5px;
    border-radius: 50%;
    font-size: 10px;
    color: #fff;
}

.masterScreenPopup .editor-label {
    line-height: 26px;
}

#divPreset #divPresetAdmin #divPresetData .k-grid-header {
    padding-right: 0 !important;
}

#divToolBarAssign #clearSearch {
    color: #fff;
    background: #ff962f;
    position: absolute;
    right: 5px;
    border-radius: 50%;
    padding: 1px;
    top: 6px;
    cursor: pointer;
}
/*TV Responce Template*/
.masterScreenPopup .col-md-6, .masterScreenPopup .col-md-12 {
    padding: 0;
}

.vlidationMessageDiv {
    display: inline-block;
    margin-top: 5px;
}

.configPopup .vlidationMessageDiv, #editClientGroupTab .vlidationMessageDiv, #addClientGroupTab .vlidationMessageDiv {
    display: inline-block;
    width: 100%;
}

.configPopup .k-invalid-msg, #editClientGroupTab .k-invalid-msg, #addClientGroupTab .k-invalid-msg {
    display: inline-block;
    left: 135px;
    position: relative;
}

.k-grid .k-button {
    margin: 0;
}

.headerTemplate .k-button.active {
    margin-right: 10px;
}

.headerTemplate .userTypesSelection .k-button.active {
    margin-right: 0;
}

#btnFilterActive {
    margin-right: 10px;
}

.quickSearchPanel .k-icon.k-i-close {
    color: #fff;
    background: #ff962f;
    position: absolute;
    right: 5px;
    border-radius: 50%;
    padding: 2px;
    top: 6px;
    cursor: pointer;
}

    .quickSearchPanel .k-icon.k-i-close:hover {
        background: #7d328a;
    }

/*Added by musaddiq*/
.masterScreenPopup .btnSave, .configPopup .btnSave {
    margin-right: 8px;
}

#divToolBarAssign a.k-button.active, #divVariableConfigAddEdit .editor-field a.k-button.active {
    background: #ff962f;
    border: 0 none;
    color: #fff;
}

#divKPIConfigAddEdit #btnSaveKPIConfig {
    background: #ff962f;
    color: #fff;
}

#divToolBarAssign #txtSearch {
    width: 260px;
}

#divTemplateDetailsGrid .k-grid-content {
    height: auto !important;
    min-height: 150px;
    max-height: 300px;
}

#divTemplateDetailsGrid .k-grid-Active {
}

#divDeleteConfirm {
    text-align: center;
    font-size: 15px;
}

#btnAddNewResponseTemplate {
    background: #ff962f;
    color: #fff;
}

    #btnAddNewResponseTemplate:hover {
        background: #7d328a;
    }

#divAddNewTemplate .form-group.col-md-6 {
    width: 48%;
    padding: 0;
}

#divAddNewTemplate .form-group.col-md-12 {
    padding: 0;
    box-sizing: border-box;
}

#divAddNewTemplate .form-group .editor-label {
    width: 115px;
}

#divAddNewTemplate .form-group .k-textbox {
    width: 210px;
}

#divColumnMapping {
    display: inline-block;
    background: #fff;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    height: 400px;
    overflow: auto;
}

.responseMappinglbl, .ExtraInfoMappinglbl {
    font-weight: bold;
    line-height: 25px;
}

.fileErrortble {
    width: 100%;
    margin-bottom: 20px;
    border: none;
}

#tblResponseType th, #tblExtraInfoType th {
    background: #eee;
    text-align: left;
    padding: 5px 10px;
    color: #696969;
}

#tblStandardColumn th, #tblResponseType td, #tblExtraInfoType td {
    border: 1px solid #d5d5d5;
    padding: 5px 10px;
}

#tblResponseType tr:nth-child(odd) td, #tblExtraInfoType tr:nth-child(odd) td {
    background: #fafafa;
}

#tblResponseType th, #tblResponseType td, #tblExtraInfoType td, #tblExtraInfoType th {
    border: 1px solid #d5d5d5;
}

#btnSaveTemplateMapping {
    margin-right: 10px
}

#divSheet {
    width: 100%;
    display: inline-block;
}

.k-grid tbody .k-command-cell .btn-grid-enabled, .k-grid tbody .k-command-cell .btn-grid-disabled {
    border-radius: 4px;
    border-color: #bbb;
    color: #2e2e2e;
    background-color: #e9e9e9;
    background-position: 50% 50%;
    background-image: url(textures/highlight.png);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.25) 0,rgba(255,255,255,0) 100%);
    padding-left: 10px;
    padding-right: 10px;
    transition: none;
    display: inline-block;
    line-height: 32px;
    vertical-align: top;
}

    .k-grid tbody .k-command-cell .btn-grid-enabled:hover, .k-grid tbody .k-command-cell .btn-grid-disabled:hover {
        background: #7d328a;
        color: #fff;
    }

    .k-grid tbody .k-command-cell .btn-grid-enabled.k-grid-Active {
        background: #ff962f;
        color: #fff;
    }

#divResponseTemplateGrid .k-command-cell .armIcon-Trash {
    display: inline-block;
    margin: 5px 0 0 3px;
}

#languageDropdown .k-icon.k-i-arrow-60-down {
    color: #fff;
}

.text-center .k-button {
    margin-right: 10px;
}

.ui-checkboxradio-label .ui-icon-background, .ui-checkboxradio-icon-space {
    display: none;
}

.userTypesSelection .k-multiselect-wrap.k-floatwrap, .userFormContainer .k-multiselect-wrap.k-floatwrap {
    height: 31px;
    border-radius: 5px;
}

.userTypesSelection .k-input.k-readonly, .userFormContainer .k-input.k-readonly {
    line-height: 26px;
    opacity: .9;
}

.tel i, .email i {
    margin-right: 15px;
    color: #333;
}

.title-1 span {
    display: block;
}

.tel {
    font-size: 18px;
    margin-bottom: 10px;
}

.siteCreate .fileDropZone {
    width: 50%;
    margin-right: 0;
}

.tel i, .email i {
    margin-right: 15px;
    color: #333;
}

.title-1 span {
    display: block;
}

.tel {
    font-size: 18px;
    margin-bottom: 10px;
}

.weak-password {
    background-color: #FF0000;
    border: #FF0000 1px solid;
    color: #FF0000;
}

.medium-password {
    background-color: #8a2be2;
    border: #8a2be2 1px solid;
    color: #8a2be2;
}

.strong-password {
    background-color: #008000;
    border: #008000 1px solid;
    color: #008000;
}

#password-strength-status {
    margin-top: 2PX;
    font-weight: bold;
    height: 0;
    line-height: 21px;
    box-sizing: border-box;
}

.showHidePassword {
    position: absolute;
    top: 3px;
    right: 1px;
    cursor: pointer;
    background: #fff;
    border: 0 none;
}

    .showHidePassword .k-icon {
        font-size: 24px;
        color: #333;
    }

    .showHidePassword:hover .k-icon {
        color: #ff962f;
    }

button {
    outline: none;
}

.headerTemplate .k-button {
    padding: 4px 10px;
    margin-right: 10px;
}

.headerTemplate .userTypesSelection .k-button {
    margin-right: 0;
    height: 28px;
}

.headerTemplate .k-button.pull-right {
    margin-right: 0;
}

.headerTemplate .k-button .k-i-filter, .headerTemplate .k-button .k-i-filter-clear {
    margin: 0 0 0 5px;
}

#userDirectReporteesFilter {
    margin-left: 10px;
}

.k-listbox-toolbar .k-reset a.k-button {
    padding: 0;
}

#Editprofile #btnsave {
    margin-left: 130px;
}

#divdisclaimer .k-i-info, #infodiv .k-i-info {
    font-size: 24px;
    display: inline-block;
}

.ShareNotes {
    font-weight: bold;
    color: #333;
    font-size: 15px;
    line-height: 28px;
    margin-left: 5px;
}

#divdisclaimer {
    background-color: #f9edc6;
    margin-bottom: 10px;
    padding: 10px;
    min-width: 1000px;
}

#infodiv {
    background-color: #f9edc6;
    width: 760px;
    margin-bottom: 10px;
    padding-top: 5px;
}
/*WIZARD TAB STRIP CSS*/
#uploadTabStrip .tabArrow, .commonTabstripControl .tabArrow {
    border: 0 none;
    border-radius: 0;
    display: inline-block;
    margin-right: 5px;
    min-width: 100px;
    outline: none;
    position: relative;
    padding: 10px 40px 5px;
    box-sizing: border-box;
    background: #eae8e8;
}

#pythonRAPSURETabStrip .tabArrow {
    padding-bottom: 5px;
}

#uploadTabStrip ul li:first-child, .commonTabstripControl ul li:first-child {
    border-radius: 8px 0 0 0px;
}

    #uploadTabStrip ul li:first-child:before, .commonTabstripControl ul li:first-child:before {
        border: 0 none;
    }

#uploadTabStrip .tabArrow.k-state-active, .commonTabstripControl .tabArrow.k-state-active {
    background: #ff962f;
}

#uploadTabStrip .tabArrow .k-link, .commonTabstripControl .tabArrow .k-link {
    padding: 0;
}

#uploadTabStrip .tabArrow:hover .k-link, .commonTabstripControl .tabArrow:hover .k-link {
    color: #7d328a;
}

#uploadTabStrip .tabArrow.k-state-active .k-link, .commonTabstripControl .tabArrow.k-state-active .k-link {
    color: #fff;
}

#uploadTabStrip .tabArrow:before, .commonTabstripControl .tabArrow:before {
    width: 0;
    height: 0;
    border-top: 21px inset transparent;
    border-bottom: 21px inset transparent;
    border-left: 20px solid #fff;
    position: absolute;
    content: '';
    top: 0;
    left: 0;
}

#uploadTabStrip .tabArrow:after, .commonTabstripControl .tabArrow:after {
    width: 0;
    height: 0;
    border-top: 21px inset transparent;
    border-bottom: 21px inset transparent;
    border-left: 20px solid #eae8e8;
    position: absolute;
    content: '';
    top: 0;
    right: -20px;
    z-index: 2;
}

#uploadTabStrip .tabArrow.k-state-active:after, .commonTabstripControl .tabArrow.k-state-active:after {
    border-left-color: #ff962f;
}

#uploadTabStrip .k-tabstrip-items > .k-item, .commonTabstripControl .k-tabstrip-items > .k-item {
    overflow: inherit;
}

#uploadTabStrip .tabArrow.k-state-disabled, .commonTabstripControl .tabArrow.k-state-disabled {
    opacity: inherit;
}

    #uploadTabStrip .tabArrow.k-state-disabled .k-link, .commonTabstripControl .tabArrow.k-state-disabled .k-link {
        color: #999;
    }

    #uploadTabStrip .tabArrow.k-state-disabled:after, .commonTabstripControl .tabArrow.k-state-disabled:after {
        border-left-color: #eae8e8;
    }

.spotterCampaignMaintenance .contentBox {
    padding-top: 0;
}

#uploadTabStrip .spotterUploadProcessFooter {
    position: inherit;
    bottom: inherit;
    padding: 20px 10px;
    border-top: 1px solid #dbdbdb;
    display: inline-block;
    width: 97%;
    left: 20px;
}

    #uploadTabStrip .spotterUploadProcessFooter .btnActive {
        margin-left: 10px;
    }

#uploadTabStrip .k-tabstrip-items > .k-item.armIcon-ConfigReport {
    background: none;
    border: 0 none;
    font-size: 24px;
    cursor: pointer;
}

    #uploadTabStrip .k-tabstrip-items > .k-item.armIcon-ConfigReport:hover {
        color: #ff962f;
    }

    #uploadTabStrip .k-tabstrip-items > .k-item.armIcon-ConfigReport span {
        display: none;
    }

#uploadTabStrip .k-dropzone .fileExtensionMessage {
    bottom: 10px;
    position: absolute;
    width: 97%;
    text-align: center;
    color: darkgrey;
    font-weight: bold;
}
/*WIZARD TAB STRIP CSS*/
#campaignMaintenanceContent .k-widget.k-grid {
    border: 0 none;
}

#campaignMaintenanceContent .k-grid .headerTemplate {
    padding-top: 0;
}

#campaignMaintenanceContent .k-grid .k-header.k-grid-toolbar {
    padding: 0 0 10px 0;
}

.k-grid td {
    border-width: 0 0 1px 0;
}

.uploadFile .k-dropzone {
    height: 150px;
    border-width: 2px;
    background: #eaeaea;
    border-style: dashed;
    border-radius: 10px;
    position: relative;
}

.uploadFile .k-upload .k-upload-button {
    transform: translate(-50%, -10%);
    background-color: #ff962f;
    color: white;
    left: 50%;
    top: 50%;
}

.uploadFile .k-dropzone em {
    font-size: 20px;
    transform: translate(-50%, -100%);
    text-align: center;
    position: relative;
    left: 38%;
    top: 48%;
}

.k-dropzone .k-upload-status-total {
    position: relative;
    /*left: 50%;*/ /*Commented by Pratik*/
    top: 50%;
    transform: translate(-50%, 10%);
}

.uploadContentDiv .k-dropzone .k-upload-status-total, .newPressTemplateWindow .k-dropzone .k-upload-status-total {
    left: 68%;
    top: 29%;
}

#spotterImport .uploadFile .k-dropzone em, #responseImportsMainContainer .uploadFile .k-dropzone em {
    left: 47%;
    top: 39%;
    display: block !important;
    position: absolute;
}

#spotImportsMainContainer .uploadFile .editor-label {
    width: 140px;
}

.uploadContentDiv {
    margin-right: 280px;
    transition: all linear 450ms;
    padding-right: 10px;
}

.dataPreview {
    min-height: 320px;
    box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);
    color: #444;
    border: 1px solid #CCC;
    background: #fbfbfc;
}

.noPreview {
    top: 50%;
    left: 45%;
    bottom: 0;
    right: 0;
    position: absolute;
    font-size: 25px;
    font-family: Arial;
    font-weight: bolder;
    color: black;
    opacity: 0.2;
}

.uploadHelpText {
    text-align: justify;
    padding: 10px;
    line-height: 18px;
    height: auto;
    max-height: 220px;
    overflow: auto;
}

.droppableButton {
    display: inline-block;
    height: 32px;
    padding: 4px 15px;
    border-radius: 4px;
    border-color: #bbb;
    color: #2e2e2e;
    background-color: #e9e9e9;
    box-sizing: border-box;
    border-width: 1px;
    border-style: dashed;
    font: inherit;
    line-height: 1.42857143;
    text-align: center;
    text-decoration: none;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: hidden;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    outline: 0;
    -webkit-appearance: none;
    position: relative;
}

.fileDataPreview {
    padding: 10px;
}

.sheetTable tbody, .sheetTable thead tr {
    table-layout: fixed;
}

.sheetTable .k-state-disabled {
    border-color: #ccc;
    background: #e4e4e4;
    color: #999;
}

.sheetTable thead .k-state-disabled {
    opacity: 1;
}
/*.sheetTable tr:first-child,	tr[class*="hiddenRow"] + tr*/
.sheetTable thead tr:last-child {
    color: #fff;
    font-weight: bold;
    background: #ff962f;
}

    .sheetTable thead tr:last-child th {
        text-align: center;
    }

.sheetTable thead .dropMatchRow {
    background: #bcbcbc;
}

    .sheetTable thead .dropMatchRow th {
        text-align: center;
    }

.editColumnRow {
    display: inline-block;
    margin: 0 10px 10px 0;
}

    .editColumnRow span.k-numerictextbox {
        width: 70px;
    }

.sheetTable {
    max-width: inherit;
    border-color: #c5c5c5;
    border: 0;
}

    .sheetTable tr td, .sheetTable tr th {
        padding: 10px;
    }

#fileAvailableSheetsTabStrip ul li .k-link.overflowText {
    min-width: 0;
    max-width: 200px;
    padding-right: 20px;
}

.fileDataPreview .pull-right.k-i-check-outline {
    position: relative;
    right: -10px;
    top: 3px;
    font-size: 20px;
    width: 20px;
    height: 20px;
    margin-left: 0;
}

    .fileDataPreview .pull-right.k-i-check-outline.selected {
        color: #f35800;
    }

.fileDataPreview .k-tabstrip-items > .k-item {
    line-height: 20px;
}

    .fileDataPreview .k-tabstrip-items > .k-item.k-state-active {
        border-top: 1px solid #ff962f;
    }

.editColumnRow .k-switch {
    width: 70px;
}

    .editColumnRow .k-switch:last-of-type {
        width: 100px;
    }

    .editColumnRow .k-switch.k-widget {
        margin-right: 5px;
    }

.sheetTable thead .droppedElement {
    background-color: #ff962f;
    color: #fff;
    border-style: solid;
}

.dropMatchRow span {
    max-width: 150px;
    min-width: 20px;
}

.dropMatchRow .droppedElement .k-i-close {
    margin-left: 5px;
    cursor: pointer !important;
}

#spotterImport .editor-label {
    width: auto;
    float: inherit;
}

#spotterImport .chartVariableInfo, #spotterImport .variableInfoData {
    width: 280px;
}

.chartVariableInfo .settingsContent .mCustomScrollBox {
    max-height: 450px !important;
}

.settingsContent .form-group {
    margin-bottom: 5px;
}

.systemFieldListView, #droppableList {
    border: 0 none;
}

#droppableList {
    padding: 10px 0;
}

    .systemFieldListView .k-button, #droppableList .k-button {
        margin: 0 10px 10px 0;
    }

        .systemFieldListView .k-button.mandatory {
            background: #ff962f;
            border: 0 none;
            color: #fff;
            cursor: move;
            border-left: 10px solid red;
        }

        .systemFieldListView .k-button.k-state-disabled {
            display: none;
        }

.systemFieldListView a.k-button.draggable {
    cursor: move;
}

.settingsSlide {
    position: absolute;
    right: 10px;
    width: 300px;
    top: 70px;
    float: right;
}

.settingsContent {
    background: #fff;
    border: 1px solid #dadada;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
}

.topScrollbarWrapper {
    overflow-x: scroll;
    overflow-y: hidden;
    border-top: 1px grey solid;
    border-left: 1px grey solid;
    border-right: 1px grey solid;
}

.topScrollbarContent {
    height: 1px;
}

.sheetTableWrapper {
    max-height: 1000px;
    overflow: auto;
    border-bottom: 1px grey solid;
    border-left: 1px grey solid;
    border-right: 1px grey solid;
}

.spotterImportContent .contentBox {
    min-height: 625px;
}

#importFileGrid .k-grid-content table tr td {
    white-space: nowrap;
}

.k-tabstrip .k-content.k-state-active.marginRight {
    margin-right: 320px;
}

button.k-button.importStatusLink.btnActive {
    line-height: 13px;
}

.settingsContent div#mCSB_1 {
    max-height: 450px !important;
}
/* Start- TV Client Cost CSS*/
.costExample {
    padding: 10px 20px;
    background: #dadada;
    width: 80%;
    border: 1px solid #999;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 15px;
}

.costExample-head {
    font-weight: bold;
    line-height: 30px;
    margin-left: -10px;
}

.costExample table {
    width: 100%;
    line-height: 22px;
}

#LblGrossCost {
    font-weight: bold;
}

.totalCost-value {
    color: #0495de;
}

    .totalCost-value.text-right {
        display: inline-block;
        line-height: 25px;
        width: 200px;
    }

#divAddEditClientCost .editor-label {
    width: 200px;
    padding-bottom: 0;
}

#divAddEditClientCost .k-numerictextbox, #divAddEditClientCost .k-datepicker {
    width: 205px;
}

/*End- TV Client Cost CSS*/

/*Added Font-Weight by: Aparna More*/
.k-grid-header th.k-header {
    font-weight: bold;
}

.divMoveGrid .k-textbox {
    width: 4em !important;
    margin-right: 10px;
}

.roleFilterActions {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    line-height: 20px;
}

    .roleFilterActions i {
        margin: 1px 2px 0 1px;
        cursor: pointer;
        display: inline-block;
    }

        .roleFilterActions i.active {
            color: #ff962f;
        }

.form-fieldset .spotDataSettings .editor-label {
    width: 120px;
}

.form-fieldset fieldset .form-group:last-child {
    margin-bottom: 5px;
}

em .fileType {
    transform: translate(-50%, 20%);
    position: absolute;
    width: 210%;
    font-size: 12px;
    font-style: normal;
    top: 460%;
}
/*===================DASHBOARD CSS================*/
.hoverClass:hover {
    cursor: w-resize;
}

#divMedia {
    display: inline-flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.dashboardContainer .nav-tabs.ULvariableData.dashtopNav li {
    background: none;
    margin: 0;
}

ul#divMedia li {
    background: #ccc;
    margin-right: 2px;
}

    ul#divMedia li.active {
        background: #fff;
    }

    ul#divMedia li a {
        color: #666;
    }

    ul#divMedia li.active a {
        color: #ff962f;
    }

    ul#divMedia li a:hover {
        color: #333;
    }

    ul#divMedia li a i {
        margin-right: 7px;
        font-size: 20px;
        vertical-align: text-bottom;
        color: #666;
    }

    ul#divMedia li:hover a i {
        color: #333;
    }

    ul#divMedia li.active a i {
        color: #ff962f;
    }

.saveLoadClient i {
    font-size: 30px;
    margin-left: 15px;
    cursor: pointer;
}

.DarkBgIcon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url("/Content/Images/popDarkBg.png") 2px 2px no-repeat #fff;
    border: 1px solid #c7c7c7;
    cursor: pointer;
}

.LightBgIcon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url("/Content/Images/popLightBg.png") 2px 2px no-repeat #fff;
    border: 1px solid #c7c7c7;
    cursor: pointer;
}

    .LightBgIcon:hover {
        background: url("/Content/Images/popLightBg.png") 2px 2px no-repeat #ff962f;
    }

.DarkBgIcon:hover {
    background: url("/Content/Images/popDarkBg.png") 2px 2px no-repeat #ff962f;
}

.dashboardContainer .tab-content {
    display: inline-block;
    width: 100%;
    background: none;
    padding: 0;
}

.dashboardSection {
    position: relative;
    margin-bottom: 2px;
}

    .dashboardSection h1 {
        font-size: 18px;
        margin: 0;
        padding: 0;
        line-height: 40px;
        min-height: 40px;
        font-size: 17px;
    }

.topStations h1, .dailySalesChart h1 {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 22px;
}

#divTopFirstStation h1 img {
    max-height: 30px;
    max-width: inherit;
}

.topStationHeader {
    display: inline-block;
    width: 85%;
    vertical-align: middle;
    font-size: 17px;
    font-weight: normal;
    margin-left: 6px;
}

.stationContentTab .nav-tabs.ULvariableData li.active {
    background: #fff;
    border: none;
    border-bottom-color: #fff;
}

#ChangeBackground.PopKpiInsightSection.lightTheme .dashboardSection h1 {
    display: inline-block;
    border-bottom: 0 none;
}

.popHeaer {
    display: flex;
    width: 100%;
}

.dashboardSection.popCompaire .k-tabstrip-wrapper {
    display: inline-block;
    width: 100%;
    margin-top: 0px;
    border-bottom: 1px solid #e6e6e6;
}

.popCompaire #tabstrip, .popCompaire #tabstripKPI {
    margin-top: 2px;
}

    .popCompaire #tabstrip ul, .popCompaire #tabstripKPI ul {
        display: inline-block;
        border-radius: 10px;
        padding: 0;
    }

        .popCompaire #tabstrip ul li, .popCompaire #tabstripKPI ul li {
            background: #efefef;
            border: 0 none;
            line-height: 20px;
            font-size: 13px;
            border-radius: 7px 7px 0px 0px;
        }

            .popCompaire #tabstrip ul li:hover, .popCompaire #tabstrip ul li.k-state-active, .popCompaire #tabstripKPI ul li:hover, .popCompaire #tabstripKPI ul li.k-state-active {
                background: #ff962f;
                border: 0 none;
                border-radius: 7px 7px 0px 0px;
            }

                .popCompaire #tabstrip ul li:hover .k-link, .popCompaire #tabstrip ul li.k-state-active .k-link, .popCompaire #tabstripKPI ul li:hover .k-link, .popCompaire #tabstripKPI ul li.k-state-active .k-link {
                    color: #fff;
                }

#ChangeBackground.PopKpiInsightSection.darkTheme .dashboardSection h1, #ChangeBackground.PopKpiInsightSection.lightTheme .dashboardSection h1 {
    display: inline-block;
    border-bottom: 0 none;
}

.stationContentTab .settingOption {
    position: absolute;
    z-index: 2;
    right: 0px;
    top: -75px;
}

i.mainSettingIcon {
    background: url(/Content/images/rapsEnhanceSprite.png) no-repeat -183px -150px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin-top: 5px;
    padding: 0;
    float: right;
}

    i.mainSettingIcon.settingIcon:hover {
        background-position: -213px -90px;
    }

.dashboardSection .kpiSetting {
    position: absolute;
    padding: 10px;
    display: none;
    right: 5px;
    top: 40px;
    width: 265px;
    background: rgba(255,255,255, 0.9);
    border-radius: 5px;
    border: 1px solid #966012;
    z-index: 100;
    box-shadow: 0 2px 2px 2px rgba(145,78,12,0.3);
}

.dashboardSection.topStations .kpiSetting {
    top: -10px;
}

.dashboardSection.topStations .kpiSetting, .dashboardSection.totalCostDonut .kpiSetting, .dashboardSection.dailySalesChart .kpiSetting, .dashboardSection.salesByStations .kpiSetting {
    right: 35px;
}

.settingKPIDiv {
    margin-bottom: 10px;
}

    .settingKPIDiv label {
        width: 30px;
    }

    .settingKPIDiv .k-widget.k-dropdown.kpichartdropdown {
        width: 210px;
    }

    .settingKPIDiv .k-widget.k-dropdown.variablechartdropdown {
        width: 190px;
    }

#divddlKPITopVariableChart .k-widget.k-numerictextbox {
    width: 50%;
    float: right;
    margin-right: 2px;
}

.kpiSetting .buttonDiv {
    padding-left: 33px;
}

#donutChart, #donutChartWeek, #donutChartMonth, #donutChartYear {
    height: 170px;
    position: absolute !important;
    left: 0;
    right: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    margin: 0 auto;
}

#ChartContainer {
    display: inline-block;
    width: 100%;
}

contentBlock h3 {
    font-size: 16px;
    margin-top: 5px;
}

.tabChartContent {
    width: 100%;
    display: inline-block;
    padding-left: 12px;
}

.DashDountChart {
    background: #3ca2bc;
    height: 185px;
}

.DashBulletChart {
    background: #ffb400;
    height: 185px;
}

.DashLineChart {
    background: #086828;
    height: 185px;
}

.popCompaire .col-md-4 {
    margin-right: 10px;
    width: 32.4%;
    position: relative;
}

#contentBlock .col-md-4.DashLineChart {
    margin-right: 0;
}

#contentBlock .chartHeaderPanel {
    display: inline-block;
    padding: 5px 0;
    float: left;
    width: 100%;
    text-align: left;
    position: relative;
    z-index: 2;
}

.chartHeaderPanel .kpiValue {
    font-size: 24px;
    color: #fff;
    display: inline-block;
    line-height: 28px;
}

.chartHeaderPanel .settingOption {
    float: right;
}

i.mainSettingIcon.settingIcon {
    background: url(/Content/images/rapsEnhanceSprite.png) no-repeat -183px -90px;
    margin: 0 !important;
    width: 30px;
    height: 30px;
    cursor: pointer;
    padding: 0;
    float: right;
}

#custToolTip, #custToolTipDonut, #custToolTipLine, #custToolTipSales, #allChartCustomTooltip {
    display: none;
    background: rgba(245, 245, 245, 0.8) !important;
    z-index: 100000;
    border-radius: 5px;
    height: auto;
    width: auto;
    border: 1px solid green;
    padding: 10px;
    position: absolute;
}

#custToolTipDonut {
    box-shadow: 0 1px 3px 0 #0b384f;
    min-width: 180px;
}

.DashDountChart .chartBottomPanel, .DashBulletChart .chartBottomPanel, .DashLineChart .chartBottomPanel {
    position: absolute;
    bottom: 5px;
    box-sizing: border-box;
    width: 100%;
    z-index: 2;
    font-size: 14px;
    color: #fff;
    left: 0;
    padding: 0 5px;
}

.chartName {
    float: left;
}

.chartProgress {
    float: right;
}

.CPdownProgress {
    background: url("/Content/images/rapsEnhanceSprite.png") no-repeat -213px -270px;
    width: 30px;
    height: 15px;
    float: left;
}

.CPupProgress {
    background: url("/Content/images/rapsEnhanceSprite.png") no-repeat -183px -270px;
    width: 30px;
    height: 15px;
    float: left;
}

.downProgress {
    background: url("/Content/images/rapsEnhanceSprite.png") no-repeat -213px -120px;
    width: 30px;
    height: 15px;
    float: left;
}

.upProgress {
    background: url("/Content/images/rapsEnhanceSprite.png") no-repeat -183px -120px;
    width: 30px;
    height: 15px;
    float: left;
}

#DashBulletChart, #DashBulletChartWeek, #DashBulletChartMonth, #DashBulletChartYear {
    height: 70px;
}

#DashLineChart, #DashLineChartWeek, #DashLineChartMonth, #DashLineChartYear {
    height: 110px;
    position: absolute !important;
    top: 30px;
    left: 0;
    z-index: 0;
}

.dashboardSection i[class*="armIcon-"] {
    margin: 8px 5px 0 5px;
    font-size: 22px;
    cursor: pointer;
}

.darkTheme .dashboardSection i[class*="armIcon-"] {
    color: #333;
    display: inline-block;
    position: absolute;
    right: 0;
}

#ChangeBackground.PopKpiInsightSection.darkTheme #kpiDetail.dashboardSection h1 {
    display: inherit;
    margin-left: 10px;
    margin-right: 10px;
    border-bottom: 1px solid #fff;
}

#ChangeBackground.PopKpiInsightSection.lightTheme #kpiDetail.dashboardSection h1 {
    display: inherit;
    margin-left: 10px;
    margin-right: 10px;
    border-bottom: 1px solid #c7c7c7;
}

.popHeadTooltip {
    position: absolute;
    background: rgba(248,248,248,0.8);
    border: 1px solid #8cac2c;
    border-radius: 5px;
    padding: 5px;
    font-size: 14px;
    color: #333;
    line-height: 16px;
}

#KPIInsightForm .editor-field, #KPIInsightForm .textEditor {
    margin-top: 10px;
}

#KPIInsightForm .k-editor .k-content {
    background: #fff;
}

#customTooltipRapsureGrid {
    display: none;
    background: rgba(245, 245, 245, 0.8) !important;
    box-shadow: 1px 2px 2px rgba(0,0,0,0.2);
    z-index: 1;
    border-radius: 5px;
    height: auto;
    width: auto;
    border: 1px solid rgb(255, 104, 0);
    padding: 10px;
    position: absolute;
    transition: all 300ms linear;
    line-height: 14px;
    font-weight: normal;
}

#topStationsChart, #dailySalesChart, #topStationsBubbleChart {
    height: 280px;
}

.dymLabel {
    text-align: center;
    background: #fff;
    padding-top: 15px;
}

    .dymLabel ul {
        list-style-type: none;
        display: inline-flex;
        padding: 0;
    }

        .dymLabel ul li {
            display: inline-block;
            margin-right: 10px;
            cursor: pointer;
        }

            .dymLabel ul li .icon {
                padding: 0 5px 0 0;
                font-size: 8px;
                vertical-align: middle;
            }

.legendIcon-areaLegendIcon:before {
    content: "\e900";
}

.legendIcon-barLegendIcon:before {
    content: "\e901";
}

.legendIcon-lineLegendIcon:before {
    content: "\e902";
}

.KPIInsightContent {
    position: relative;
    height: 242px;
    overflow: auto;
    padding: 0 10px;
}

.kpiMessagecontent {
    position: relative;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.messageDate {
    float: right;
}

#ChangeBackground.PopKpiInsightSection.darkTheme .kpiMessagecontent {
    margin: 0 10px 0 10px;
    color: #fff;
    border-bottom: 1px solid #7a7a7a;
}

#ChangeBackground.PopKpiInsightSection.lightTheme .kpiMessagecontent {
    margin: 0 10px 0 10px;
    border-bottom: 1px solid #dadcdf;
}

.KPIInsightContent i.editIcon {
    position: absolute;
    right: 0;
    top: 0;
    display: none;
}

.KPIInsightContent p {
    line-height: 22px;
    font-size: 14px;
    margin-top: 10px;
}

#ChangeBackground.PopKpiInsightSection.darkTheme .kpiMessagecontent i.editIcon {
    color: #fff;
}

.kpiMessagecontent:hover i.editIcon {
    display: block;
}

.newDashboard .errorNotification, #divKPIInsightPopUp .errorNotification {
    position: relative;
    margin: 5px 0 10px 0;
    z-index: 30000;
    background: #fff4c9;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    border-color: #ffe5a6;
    color: #7e2e00;
    padding: 5px;
    border-radius: 5px;
}

    .newDashboard .errorNotification .k-icon.k-warning, #divKPIInsightPopUp .errorNotification .k-icon.k-warning {
        float: left;
        margin-right: 5px;
    }

    .newDashboard .errorNotification h3, #divKPIInsightPopUp .errorNotification h3 {
        font-size: 13px !important;
        line-height: 18px;
        margin: 0;
        display: inline-block;
    }

#ChangeBackground.PopKpiInsightSection.darkTheme .kpiMessagecontent:hover {
    border-bottom: 1px solid #c7c7c7;
}

#salesByStations {
    position: relative;
    margin: 10px 10px 0 10px;
}

    #salesByStations .k-grid.k-widget .k-grid-content {
        height: 2px;
        min-height: 240px;
    }

    #salesByStations .k-grid.k-widget {
        max-height: 495px;
        height: auto;
        min-height: 200px;
    }

.totalRowGrid #customTooltipRapsure {
    line-height: normal;
    font-weight: normal;
}

.customTooltipTop {
    position: absolute;
    display: none;
    color: #000;
    font-size: 20px Arial, sans-serif;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
    background: #fff;
    padding: 0 5px;
    border: 1px solid rgb(35,149,166);
    border-radius: 3px;
    box-shadow: 0 0 2px 1px rgba(10,70,90,0.3);
}

#divSaveClientViewbtn {
    margin-left: 50px;
}

.dashboardContainer h3 {
    font-size: 16px;
}

.dashboardContainer {
    color: #636e7b;
}

#totalCostChart {
    height: 333px;
}

#tabstrip ul li span::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #ff962f transparent transparent transparent;
    position: absolute;
}
/*===================DASHBOARD CSS================*/
/*===================CROSTAB REPORT SCREEN CSS=============*/
.kpiGridContent {
    background: #fff;
    width: 100%;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
    padding: 10px;
    position: relative;
    padding-top: 0;
}

.contentBox.crossTabContent {
    padding: 0;
}

.crossTabContentDiv {
    margin-right: 0px;
    padding-right: 10px;
    transition: all linear 450ms;
}

.variableInfoData {
    float: right;
    width: auto;
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 2;
}

.chartVariableInfo {
    overflow: auto;
}

    .variableInfoData .armIcon-MenuToggle {
        color: #ff962f;
        margin: 7px 10px 0 0;
        display: inline-block;
        vertical-align: top;
    }

.hiddenVariableInfo {
    width: 40px;
    height: 40px;
    position: absolute;
    background: #f0f0f0;
    border: 1px solid #e6e6e6;
    top: 5px;
    right: 14px;
    z-index: 1;
    display: block;
}

.hiddenVariableInfo {
    height: 35px;
}

.variableInfoData .hiddenVariableInfo .armIcon-MenuToggle {
    margin: 10px 0 0 5px;
}

.varinfo .k-icon {
    position: absolute;
    right: -14px;
    top: 13px;
}

#variableInfoAcordion {
    background: inherit;
    border: 0 none;
    font-size: 14px;
}

    #variableInfoAcordion #info.k-item {
        padding: 10px 10px 0 10px;
        margin-bottom: 5px;
        max-height: 200px;
        overflow: auto;
    }

    #variableInfoAcordion .k-item {
        background: none;
        border: 0px none;
    }

.noAccordian {
    padding: 10px 5px;
    font-size: 14px;
}

.filterBtnArea {
    display: inline-block;
    border-radius: 5px;
    margin: 10px 0px 0 5px;
    height: 27px;
    background: #333;
}

    .filterBtnArea ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 0;
    }

    .filterBtnArea li {
        display: inline-block;
        padding: 5px 5px;
        color: #fff;
        line-height: 17px;
        font-size: 12px;
        cursor: pointer;
        font-weight: inherit;
    }

    .filterBtnArea .autoUpdateBTN.active, .filterBtnArea .autoUpdateBTN:hover, .filterBtnArea .autoUpdateBTNHideShowKPI.active, .filterBtnArea .autoUpdateBTNHideShowKPI:hover {
        background: #ff962f;
        border-radius: 5px 0 0 5px;
    }

.chartVariableInfo {
    border: 1px solid #e6e6e6;
    border-right: 0px none;
    width: 240px;
    display: none;
}

    .chartVariableInfo .variableInfo {
        width: 100%;
        height: 40px;
        background: #f0f0f0;
        display: inline-block;
        line-height: 40px;
        padding: 0 10px;
        font-size: 14px;
        color: #444444;
        border-bottom: 1px solid #e6e6e6;
        border-right: 1px solid #e6e6e6;
    }


.k-panelbar > li.k-state-default > .k-link {
    background: #fff;
    color: #333;
}

#variableInfoAcordion .k-item .k-link.k-header:hover, #variableInfoAcordion .k-item .k-link.k-header.k-state-selected:hover, #variableInfoAcordion .k-item .k-link.k-header.k-state-highlight:hover, #variableInfoAcordion .k-item .k-link.k-header.k-state-hover:hover {
    background: #f4f4f4;
}

.k-panelbar .k-item .k-link.k-state-selected, .k-panelbar > li.k-state-default > .k-link.k-state-selected, .k-panelbar > li > .k-state-selected {
    color: #333;
    background: #f0f0f0;
}

.kpiGridContent .removeRightMargin {
    margin-right: 0;
}

#variableInfoAcordion .k-item .k-link.k-header.k-state-selected {
    background: #fff !important;
    color: #444;
    box-shadow: 0px 1px 2px #e5e5e5 !important;
    z-index: 2;
    font-weight: 600;
}

#divFiltersGrid .k-icon.k-i-close, .divExtraTab .k-icon.k-i-close, .favZoomChartFilter .k-icon.k-i-close {
    display: none;
}

#variableInfoAcordion .k-item .k-link.k-header {
    background: #fcfcfc;
    border: 0px none;
    border-bottom: 1px solid #e0e0e0;
    color: #444;
    font-weight: 600;
}

.variableDataFilter {
    font-size: 0;
}

.noAccordian {
    padding: 10px 5px;
    font-size: 14px;
}
/*Musaddiq ARME-772*/
#dynamicVariableFilter {
    background-color: #fff;
    border: 0 none;
    font-size: 14px;
}

    #dynamicVariableFilter.k-header.k-panelbar > li.k-item {
        border: 0 none;
    }

        #dynamicVariableFilter.k-header.k-panelbar > li.k-item .k-link {
            border: 0 none;
        }

            #dynamicVariableFilter.k-header.k-panelbar > li.k-item .k-link:hover, #dynamicVariableFilter.k-header.k-panelbar > li.k-item .k-link.k-state-selected {
                background: #f4f4f4 !important;
                color: #333;
            }

#manualApplyFilter {
    display: inline-block;
    width: 90%;
}

.filterBtnArea {
    display: inline-block;
    border-radius: 5px;
    margin: 10px 0px 0 5px;
    height: 27px;
    background: #333;
}

    .filterBtnArea li {
        display: inline-block;
        padding: 5px 5px;
        color: #fff;
        line-height: 17px;
        font-size: 12px;
        cursor: pointer;
        font-weight: inherit;
    }

    .filterBtnArea .autoUpdateBTN.active, .filterBtnArea .autoUpdateBTN:hover, .filterBtnArea .autoUpdateBTNHideShowKPI.active, .filterBtnArea .autoUpdateBTNHideShowKPI:hover {
        background: #ff962f;
        border-radius: 5px 0 0 5px;
    }

    .filterBtnArea .manualUpdateBTN.active, .filterBtnArea .manualUpdateBTN:hover, .filterBtnArea .manualUpdateBTNHideShowKPI.active, .filterBtnArea .manualUpdateBTNHideShowKPI:hover {
        background: #ff962f;
        border-radius: 0 5px 5px 0;
    }

    .filterBtnArea ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 0;
    }

    .filterBtnArea .manualUpdateBTN, .filterBtnArea .manualUpdateBTNHideShowKPI {
        border-left: 1px solid #333;
    }

#btnManualApply {
    font-size: 13px;
    line-height: 17px;
    margin-top: 15px;
    padding: 5px !important;
}

#btnHideShowKPIManualApply {
    font-size: 13px;
    line-height: 17px;
    margin-top: 15px;
    padding: 5px !important;
}
/*8-3-19 ARME-772*/
#dynamicVariableFilter .k-group {
    background: #fff;
}

.checkListItem li {
    line-height: 26px;
    padding: 0 0 0 20px;
}

    .checkListItem li input {
        margin-right: 5px;
        vertical-align: top;
        margin-top: 6px;
    }

#appliedFilterData, #divFiltersTabs, #appliedFilterDataDrillfirst, #appliedFilterDataDrillsecond {
    position: absolute;
    display: none;
    right: 10px;
    padding: 10px;
    top: 10px;
    background: rgba(250, 250, 250, .4);
    border: 1px solid #f0f0f0;
    width: auto;
    border-radius: 5px;
    box-shadow: 0 1px 1px 0 rgba(50, 50, 50, .3);
    height: auto;
}

    #appliedFilterData h6, .favZoomChartFilter h6, .favChartAppliedFilter h6 {
        margin: 0;
    }

.tab-content {
    background: #fff;
    position: relative;
    border: 1px solid #e6e6e6;
    padding: 5px;
    margin-top: -1px;
}

#crossTabChart {
    height: 520px;
}

.filterDiv {
    max-height: 150px;
    overflow: auto;
    max-width: 200px;
    margin-top: 10px;
}

#divFilters span, #divKPIFilters span, #divFiltersTabs span {
    padding: 3px 8px;
    background: #eee;
    border-radius: 3px;
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
}

    #divFilters span .k-i-close, #divKPIFilters span .k-i-close, #divFiltersTabs span .k-i-close {
        color: #ff962f;
        font-size: 12px;
        margin-left: 3px;
        cursor: pointer;
    }

.filterInfoIcon, .resetData {
    float: right;
    margin: 3px 5px 0 0;
}

#customTooltipRapsure, .customTooltipRapsure {
    display: none;
    background: rgba(245, 245, 245, 0.8) !important;
    box-shadow: 1px 2px 2px rgba(0,0,0,0.2);
    z-index: 1;
    border-radius: 5px;
    height: auto;
    min-width: 220px;
    border: 1px solid rgb(255, 104, 0);
    padding: 10px;
    position: absolute;
    max-width: 340px;
    transition: all 150ms linear;
    max-height: 300px;
    overflow: auto;
    padding-bottom: 20px;
}

#chartCustTooltip {
    margin-bottom: 3px;
    line-height: 24px;
    border-bottom: 1px solid #ccc;
    text-align: center;
    width: 100%;
}

#tooltipTable tr {
    border-radius: 5px;
}

#tooltipTable td {
    padding: 0 5px;
    white-space: nowrap;
}

.squer {
    width: 8px;
    height: 8px;
    margin-right: 5px;
    display: inline-block;
}

#divFiltersGrid {
    display: inline-block;
    width: 100%;
}

    #divFiltersGrid h6 {
        display: inline-block;
        margin-right: 10px;
    }

        #divFiltersGrid h6 i {
            display: none;
        }

    #divFiltersGrid .filterDiv {
        max-width: 90%;
        display: inline-block !important;
        max-height: 60px;
        margin-top: 0;
        vertical-align: top;
    }

.leftpanel-hide #divFiltersGrid .filterDiv, .leftpanel-show #divFiltersGrid .filterDiv {
    max-width: 92.5%;
}

.kpiGridContent #divFilters {
    max-height: 60px;
    overflow: auto;
}

#divKPIFilters {
    top: 220px;
}

#divSpotImportGrid {
    height: 520px;
    min-height: 80px;
}

#divAllKPIData .k-grid-content.k-auto-scrollable {
    max-height: 425px;
}

#KpiFilterContainer {
    padding: 5px 10px 10px 10px;
}

    #KpiFilterContainer label {
        margin-top: 10px;
    }

    #KpiFilterContainer .k-widget.k-dropdown, #KpiFilterContainer #addoperatrField, #KpiFilterContainer #addLevelField, #KpiFilterContainer .k-widget.k-numerictextbox {
        width: 210px;
        box-sizing: border-box;
        min-height: 34px;
    }

    #KpiFilterContainer select, #KpiFilterContainer #addValueField {
        height: 25px;
        padding: 3px;
        border-radius: 4px;
    }

.kpiFilterButton {
    margin-top: 10px;
}

#KpiFilterContainer input.k-button {
    padding: 5px 20px !important;
}

.kpiFilterButton #btnCancelKpi {
    margin-right: 6px;
}

.greenToRedScaleIcon {
    background: url("/Content/images/rapsEnhanceSprite.png") no-repeat -363px -120px;
    float: right;
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin-right: 5px;
}

.redToGreenScaleIcon {
    background: url("/Content/images/rapsEnhanceSprite.png") no-repeat -333px -120px;
    float: right;
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin-right: 5px;
}

.greenToRedScaleIcon.active {
    background-position: -363px -150px;
}

.redToGreenScaleIcon.active {
    background-position: -333px -150px;
}

.highlightValue {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #4e4e4e;
}

.fr-FR .redToGreenScaleIcon {
    margin-right: 0px;
}

#ulHeatMap .highlightVal {
    height: 18px;
}

#divFiltersGrid {
    max-height: 108px;
    overflow: scroll;
}

.lineGridTable .k-grid-content.k-auto-scrollable {
    height: 365px !important;
}

.kpiGridContent .variableChart .tab-content {
    min-height: auto !important;
}

div#customTooltipRapsure #tooltipTable {
    width: 100%;
    min-width: 220px;
}

div#customTooltipRapsure .scrollingTooltip {
    padding: 10px;
}

#variableInfoAcordion #ulHeatMap .k-item {
    border-bottom: 1px solid #e0e0e0;
}

input.k-button.highliteNumApply {
    padding: 4px 15px !important;
    float: inherit !important;
}

.highliteNum {
    display: inline-block;
    width: 80px;
    margin-right: 10px;
    margin-left: 20px;
    vertical-align: top;
    line-height: 26px;
    margin-bottom: 10px;
}

.kpiGridContent .varinfo {
    width: 79%;
    display: inline-block;
}

#variableInfoAcordion #ulHeatMap .k-item .k-link.k-header {
    font-weight: normal;
}

#ProductContainer .k-widget.k-multiselect,
#ProductContainer .k-widget.k-multiselect .k-multiselect-wrap,
.CompetitorSearch .k-widget.k-multiselect,
.CompetitorSearch .k-widget.k-multiselect .k-multiselect-wrap {
    height: 34px;
    padding-right: 0;
    border-radius: 5px;
    box-sizing: border-box;
}

.k-multiselect-wrap #ddlProduct_taglist li.k-button, .k-multiselect-wrap ul[id*='_taglist'] li.k-button {
    width: 100%;
    background: none !important;
    border: 0 none;
    text-align: left;
    display: inline-block;
    line-height: 26px;
}

#ddlProduct_listbox .overflowText {
    max-width: 140px;
    min-width: 140px;
    display: inline-block;
    vertical-align: middle;
}

.k-multiselect-wrap .k-input {
    line-height: 28px;
}
/*===================REPORT NAV TABS CSS==========================*/
.nav-tabs {
    background: #fff;
    border: 1px solid #dadada;
    position: relative;
    z-index: 1;
}

    .nav-tabs > li > a {
        padding: 8px;
    }

    .nav-tabs > li {
        border-right: 1px solid #dadada;
    }

        .nav-tabs > li.pull-right {
            border-right: 0 none;
            border-left: 1px solid #dadada;
        }

        .nav-tabs > li.active {
            border-bottom: 1px solid #fff;
        }

            .nav-tabs > li.active.pull-right {
                border-bottom: 0 none;
            }

            .nav-tabs > li.active a i, .nav-tabs > .splitChart a.active i {
                color: #ff962f !important;
            }

.k-widget.k-multiselect {
    min-width: 200px;
    display: inline-block;
    height: 32px;
}

.k-multiselect-wrap {
    height: 32px;
}

.slideVariableinfo.left-slide {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari 3-8 */
    transform: rotate(180deg);
    display: inline-block;
}

.rapsNew #cloneChart {
    z-index: -1;
    margin-top: -100%;
}
/*===================REPORT NAV TABS CSS==========================*/
label#product, label#kpi, div[id*="-list"] label {
    margin-left: 5px;
}

    label#product #selectAll, label#kpi #selectAll, div[id*="-list"] label input[id*="selectAll"] {
        margin-right: 3px;
    }

/*===================CROSTAB REPORT SCREEN CSS=============*/
.confirmPassError {
    position: absolute;
    top: 30px;
}

.wizardStep.siteInformation .form-group[class*='col-'] {
    margin: 0 0 15px 0;
    padding: 0 10px;
}
/*===================CHART REPORT SCREEN CSS=============*/
.variableData {
    position: absolute;
}

.variableChart {
    margin-left: 200px;
    margin-right: 0px;
    padding-right: 10px;
    transition: all linear 450ms;
}

.hiddenSlideVariable {
    position: absolute;
    background: #f0f0f0;
    border: 1px solid #e6e6e6;
    z-index: 100;
}

.chartVariableMenu .selectVariable {
    width: 100%;
    height: 43px;
    background: #f0f0f0;
    display: inline-block;
    line-height: 40px;
    padding: 0 10px;
    font-size: 14px;
    color: #444444;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}

.chartVariableMenu {
    width: 200px;
    display: inline-block;
    border: 1px solid #e6e6e6;
    border-right: 0px none;
}

#variableSearch {
    width: 140px;
    line-height: 22px;
    border-radius: 5px;
    border: 1px solid #dadada;
    padding: 3px;
    height: 30px;
}

.selectVariable .closeIcon {
    position: absolute;
    top: 12px;
    right: 55px;
    display: none;
    font-size: 17px;
    color: #ff962f;
}

.slideVariable.armIcon-MenuToggle {
    display: inline-block;
    transform: rotate(180deg);
    padding: 5px;
    vertical-align: middle;
    margin-right: 0px;
    color: #ff962f;
}

ul.variableList {
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: 500px;
    overflow: auto;
    background: #fcfcfc;
}

.variableList li {
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}

    .variableList li a {
        line-height: 40px;
        padding: 0 10px;
        font-size: 14px;
        color: #444444;
        display: inline-block;
        width: 100%;
    }

    .variableList li:hover {
        background: #f4f4f4;
    }

    .variableList li.active, .variableList li.active:hover {
        border-right: 1px solid #fff;
        background: #fff;
        border-left: 4px solid #ff962f;
    }

.slideVariable.right-slide {
    transform: inherit;
    padding: 9px;
}

.nav-tabs.ULvariableData {
    background: none;
    border: 0 none;
}

    .nav-tabs.ULvariableData li {
        background: #ccc;
        margin-right: 2px;
        border-radius: 3px 3px 0 0;
    }

        .nav-tabs.ULvariableData li a {
            padding: 10px;
            display: inline-block;
        }

ul.nav.nav-tabs.ULvariableData li.addNewTab {
    background: none;
    margin: 4px 0 0 10px;
    transition: all linear 300ms;
}

li.addNewTab input.k-textbox {
    height: 31px;
    border-radius: 5px 0 0 5px;
    float: left;
}

ul.nav.nav-tabs.ULvariableData li.addNewTab .close {
    background: #4e4e4e;
    padding: 0 5px;
    border-radius: 0 5px 5px 0;
    opacity: inherit;
    text-shadow: none;
    color: #ff962f;
}

#chartDataContainer .tab-content {
    padding: 10px;
    z-index: 0;
    border-left: 0;
    height: auto;
    width: 100%;
    display: inline-block;
}

#chartDataContainer .variableInfoData {
    top: 0px;
    right: 0;
}

.variableChart .tab-content {
    height: auto;
    min-height: 501px;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    box-shadow: none;
    border-radius: 0;
}

#exportToPPT, .nav-tabs.ULvariableData li.gridViewOptions {
    background: none;
    border: 0 none;
}

i.smallInfoIcon {
    display: inline-block;
    font-size: 17px;
    vertical-align: top;
    padding-left: 5px;
}

.nav-tabs > li.active a i.smallInfoIcon {
    color: #333 !important;
}

.nav-tabs.ULvariableData li a.gridViewNum, .nav-tabs.ULvariableData li a.exportPdf {
    padding: 6px;
}

    .nav-tabs.ULvariableData li a.gridViewNum i.armIcon-ListView {
        margin-right: 5px;
        vertical-align: middle;
    }

    .nav-tabs.ULvariableData li a.gridViewNum:hover {
        color: #ff962f;
    }

#gridViewListNum {
    position: absolute;
    list-style-type: none;
    padding: 0;
    background: #fff;
    border: 1px solid #dadada;
    z-index: 1000000;
    width: 60px;
    box-shadow: 1px 0px 1px 0px #dadada;
    right: 5px;
}

ul.nav.nav-tabs.ULvariableData #gridViewListNum li {
    background: none;
    border-bottom: 1px solid #eee;
    border-radius: 0;
    margin: 0;
}

    ul.nav.nav-tabs.ULvariableData #gridViewListNum li a {
        cursor: pointer;
        width: 100%;
        text-align: center;
        color: #4e4e4e;
    }

.k-i-close.favTabDelete {
    margin-left: 5px;
}

.variableChartData, .drillDownChart, .mainChart {
    position: relative;
}

.bodyKpiGrid .variableChartData {
    min-height: 430px;
}

.drillDownChart {
    display: inline-block;
    width: 100%;
}

.drillChartOptions {
    display: inline-block;
    width: 100%;
    /*padding-bottom:5px;*/
    border-bottom: 1px solid #c7c7c7;
}

    .drillChartOptions ul {
        display: none;
    }

.drillDownChart h1 {
    display: inline-block;
    width: auto;
    border-bottom: 0 none;
    margin-top: 6px;
}

.drillDownHeading {
    font-size: 16px;
    margin: 0;
    padding: 0;
    line-height: 30px;
    min-height: 30px;
    padding: 7px;
    border-right: 0 none !important;
}

#axisTooltip {
    display: none;
    background: rgba(245, 245, 245, 0.8) !important;
    box-shadow: 1px 2px 2px rgba(0,0,0,0.2);
    z-index: 1;
    border-radius: 5px;
    height: auto;
    width: auto;
    border: 1px solid rgb(255, 104, 0);
    padding: 10px;
    position: absolute;
    width: auto;
    transition: all 150ms linear;
}

.tooltipTemplateDiv, #headerToolTip, #ZoomWindowheaderToolTip {
    background: rgba(245, 245, 245, 0.8) !important;
    box-shadow: 1px 2px 2px rgba(0,0,0,0.2);
    z-index: 100;
    border-radius: 5px;
    height: auto;
    width: auto;
    border: 1px solid rgb(255, 104, 0);
    padding: 10px;
    position: absolute;
    display: none;
    transition: all 150ms linear;
}

#headerToolTip, #ZoomWindowheaderToolTip {
    text-align: center;
}

#appliedFilterDataDrillfirst, #appliedFilterDataDrillsecond {
    top: 60px;
}

.nav-tabs > li > a.btnActive {
    color: #fff;
    border: 0 none;
    border-radius: 5px;
    margin-top: 5px;
}

    .nav-tabs > li > a.btnActive:hover {
        background: #7d328a;
    }

.nav-tabs > li.chartKPIEdit, .nav-tabs > li.chartKPI {
    border: 0 none;
    margin-right: 8px;
}

.chartKPIEdit {
    margin-left: 33%;
}

i.drillDownIcon {
    margin-right: 5px;
    vertical-align: middle;
    cursor: pointer;
}

.nav-tabs > li#liAllKPI {
    padding: 5px;
    border: 0 none;
}

    .nav-tabs > li#liAllKPI .k-button.active:hover {
        background: #ff962f;
        border-color: #ff962f;
    }

.nav-tabs.ULvariableData li.searchPreset {
    background: none;
}

    .nav-tabs.ULvariableData li.searchPreset .k-button {
        background: #333;
        color: #fff;
        border: 1px solid #333;
    }

        .nav-tabs.ULvariableData li.searchPreset .k-button:hover, .nav-tabs.ULvariableData li.searchPreset .k-button.active {
            background: #ff962f;
            border: 1px solid #ff962f;
        }

.searchPreset input.k-textbox, .searchPreset input.k-textbox:focus {
    padding-left: 24px;
    height: 32px;
}

.searchPreset .k-i-search {
    position: absolute;
    left: 4px;
    top: 5px;
}

#btnResidual, #iResidual, #iWhiteNoise, #iStationName {
    border: 1px solid #333;
    margin-left: 10px;
    vertical-align: top;
    height: 32px;
    display: inline-block;
    padding: 3px 3px 5px 5px;
    border-radius: 3px;
    cursor: pointer;
}

#iWhiteNoise {
    margin-left: 0;
    padding: 3px 5px 5px;
}

#iStationName {
    margin-left: 0;
}

    #btnResidual:hover, #btnResidual.active, #iResidual:hover, #iWhiteNoise:hover, #iStationName:hover, #iResidual.active, #iWhiteNoise.active, #iStationName.active {
        border: 1px solid #ff962f;
        color: #ff962f;
    }

#divChartKPIDesignPopUp .tab-content {
    position: relative;
    height: auto;
    min-height: 380px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

#divDesignTab .col-xs-12.dataContainer, #divDesignTab .col-xs-12.mb10 {
    box-sizing: border-box;
    margin-bottom: 0;
}

#divDesignTab *[class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
}

#divChartManipulation .form-group {
    margin-bottom: 2px;
}

#divChartManipulation.kpiDesignList .col-xs-12.listData {
    box-sizing: border-box !important;
}

#divChartManipulation.kpiDesignList .kpiSelectionPanel {
    width: 100%;
    display: inline-block;
    padding: 3px;
    margin-bottom: 10px;
}

#divChartManipulation .KPIListCon {
    float: left;
    width: 378px;
    border: 1px solid #ebebeb;
    padding: 5px;
    box-sizing: border-box;
    height: 100%;
    position: relative;
}

    #divChartManipulation .KPIListCon #searchKPIInput {
        float: left;
        width: 100%;
        margin-right: 10px;
        height: 25px;
        padding-left: 24px;
    }

.KPIListCon .k-list-filter .k-icon {
    position: absolute;
    left: 5px;
    top: 12px;
}

.k-button.rapsRapsure {
    line-height: 15px;
    margin-right: 8px;
    padding: 5px 8px;
    height: 25px;
}

.k-button.rapsOffline {
    line-height: 15px;
    padding: 5px 16px;
    height: 25px;
}

    .k-button.rapsRapsure.active, .k-button.rapsOffline.active {
        background: #ff962f;
        border-color: #ff962f;
        color: #fff;
    }

#divChartManipulation.kpiDesignList #KPIList {
    width: 370px;
    border: 0 none;
    background: none;
    border-radius: 0;
    height: 188px;
    max-height: 100%;
    padding: 2px;
    font-size: 11px;
}

#divDesignTab #KPIList.tagcontainer .move.k-block {
    width: 48%;
    display: inline-block;
    margin: 2px 5px 2px 0;
}

#divChartManipulation.kpiDesignList .kpiSselectedList {
    float: left;
    border: 1px solid #ebebeb;
    border-left: 0 none;
}

    #divChartManipulation.kpiDesignList .kpiSselectedList label, #divChartManipulation.kpiDesignList .kpiSortOrder label {
        margin: 5px;
    }

    #divChartManipulation.kpiDesignList .kpiSselectedList .leftYAxisBlock, #divChartManipulation.kpiDesignList .kpiSselectedList .rightYAxisBlock {
        min-height: 90px;
    }

#divChartManipulation.kpiDesignList #LeftYAxis.tagcontainer, #divChartManipulation.kpiDesignList #RightYAxis.tagcontainer, #divChartManipulation .tagcontainer {
    width: 200px;
    overflow: auto;
    background: none;
    border-radius: 0;
    height: 86px;
    max-height: 100%;
    font-size: 11px;
}

#LeftYAxis .k-block, #RightYAxis .k-block {
    background-color: #ff962f;
    color: #fff;
    border-color: #ff962f;
}

.tagitemcls {
    width: 20px;
    float: right;
    margin-top: -17px;
    padding: 0px;
    height: 17px;
}

    .tagitemcls .k-i-close {
        color: #ff962f;
        font-size: 14px;
    }

    .tagitemcls:hover .k-i-close {
        color: #fff;
    }

#LeftYAxis .move.k-block .pull-right, #RightYAxis .move.k-block .pull-right {
    margin-right: 20px;
    font-style: italic;
}

#divChartManipulation.kpiDesignList .kpiSortOrder {
    float: left;
}

#SorttableList .move {
    cursor: pointer;
}

    #SorttableList .move.k-block .pull-right {
        margin-right: 48px;
    }

.rapsKPIUpIcon {
    background: url("/Content/images/rapsEnhanceSprite.png") 0 -192px;
    width: 12px;
    height: 12px;
    margin-top: -15px;
    position: absolute;
    right: 22px;
}

.rapsKPIDownIcon {
    background: url("/Content/images/rapsEnhanceSprite.png") -12px -192px;
    width: 12px;
    height: 12px;
    margin-top: -15px;
    position: absolute;
    right: 22px;
}

#divChartManipulation.kpiDesignList .applyChartType {
    float: left;
    border: 1px solid #ebebeb;
    border-left: 0 none;
    width: 100px;
}

.leftAxisChartType {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ebebeb;
}

.rightAxisChartType {
    float: left;
    width: 100%;
}

.applyChartType a {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin: 4px 8px;
}

    .applyChartType a.disabled {
        pointer-events: none;
    }

        .applyChartType a.disabled i, .applyChartType a.disabled:hover i {
            pointer-events: none;
            cursor: default;
            color: #c5c5c5;
        }

    .applyChartType a.active i, .applyChartType a:hover i {
        color: #ff962f;
    }

#divDesignTab .col-md-6.axisTitle {
    padding: 0;
    margin-bottom: 10px;
}

#rightYAxisTitle, #leftYAxisTitle {
    margin-top: 2px;
    width: 260px;
    margin-left: 10px;
    line-height: 26px;
}

#divChartPreview .saveHeading {
    font-size: 16px;
    margin: 0;
    border-bottom: 1px solid #dbdbdb;
    line-height: 30px;
}

#divChartManipulation .k-widget.k-tooltip-validation {
    position: absolute;
}

.kpiAscending, .kpiDescending {
    display: inline-block;
    margin: 5px 8px 5px 5px;
}

.kpiDesignPreview {
    background: #fff;
    height: 300px;
}

    .kpiDesignPreview .k-chart {
        height: 300px;
    }

#saveAsPreset {
    margin-bottom: 10px;
    width: 90%;
    display: inline-block;
}

#divShareWithClient {
    width: 43%
}

.presetSave {
    float: left;
    width: 100%;
    border-radius: 0 0 5px 5px;
    box-sizing: border-box !important;
}

#saveAsPreset .editor-field {
    white-space: normal;
    width: 100%;
    box-sizing: border-box;
}

.presetSave label {
    line-height: 25px;
}

.presetSave input.k-textbox, .presetSave textarea.k-textbox {
    width: 315px !important;
    text-indent: .571em;
}

#ShareWithClient, #ShareWithTeam {
    margin-right: 5px;
    margin-top: 10px;
}

.hideIcon.armIcon-EyeHide , .hideIcon.armIcon-EyeShow{
    margin: 0 10px;
    margin-top: 4px;
    cursor: pointer;
}

.editIcon.pull-right[title="Edit Preset"] {
    margin-top: 5px;
}

.hideIcon.armIcon-EyeHide[data-ishidden="true"] , .hideIcon.armIcon-EyeShow[data-ishidden="true"] {
    color: #ff962f;
}

.favOptions {
    display: none;
    position: absolute;
    width: 200px;
    top: 50px;
    right: 0;
    height: auto;
    z-index: 1000;
    background: #f3f3f3;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
}

.borderArrowTop {
    border-color: transparent transparent #f3f3f3;
    border-style: dashed dashed solid;
    border-width: 0 9.5px 9.5px;
    width: 0;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: -7px;
}

.borderArrowTopIn {
    border-color: transparent transparent #e6e6e6;
    border-style: dashed dashed solid;
    border-width: 0 8.5px 8.5px;
    width: 0;
    display: inline-block;
    position: absolute;
    right: 11px;
    top: -9px;
}

.favOptions ul {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%;
    overflow: auto;
    max-height: 280px;
}

    .favOptions ul li {
        display: inline-block;
        list-style-type: none;
        width: 100%;
        padding: 0 20px;
        border-bottom: 1px solid #e6e6e6;
        vertical-align: top;
        width: 100%;
        box-sizing: border-box;
    }

        .favOptions ul li:last-child {
            border-bottom: none;
        }

        .favOptions ul li:hover {
            background: #e9e9e9;
        }

        .favOptions ul li a {
            background: inherit !important;
            width: inherit !important;
            line-height: 30px;
            font-size: 14px;
            color: #333;
            cursor: pointer;
        }

.divFavCheck input {
    margin-right: 5px;
}

.divFavCheck {
    line-height: 30px;
}
/*=======OLD NEW SWITCH===========*/
#rapsSwitch {
    display: none;
    border: 1px solid #4e4e4e;
    border-radius: 5px;
    margin: 10px 10px 0 0;
    height: 32px;
    font-size: 0;
}

    #rapsSwitch a {
        display: inline-block;
        padding: 5px 10px;
        color: #fff;
        font-size: 12px;
    }

    #rapsSwitch .newReportBtn.active, #rapsSwitch .newReportBtn:hover {
        background: #ff962f;
        border-radius: 5px 0 0 5px;
    }

    .oldReportBtn.active, #rapsSwitch .oldReportBtn:hover {
        background: #ff962f;
        border-radius: 0 5px 5px 0;
    }
/*=======OLD NEW SWITCH===========*/
.ChartDataDiv {
    border: 1px solid #e6e6e6;
    box-shadow: 0 1px 1px 0 #999;
    border-radius: 0 0 5px 5px;
}

.dialog-confirm .ui-dialog-titlebar {
    padding-top: .4em;
    padding-bottom: .4em;
    font-size: 1.2em;
    background: url(/Content/images/gridBg.png) repeat scroll left top rgba(0, 0, 0, 0) !important;
    color: #FF962F;
    border: 0 none;
    border-radius: 3px 3px 0 0;
}

.ui-widget-overlay {
    background: #000 !important;
    opacity: .5 !important;
    z-index: 100009 !important;
}

.ui-dialog .ui-dialog-titlebar-close {
    background: none;
    border: 0 none;
    font-family: 'icomoon';
}

    .ui-dialog .ui-dialog-titlebar-close.k-i-close:before {
        content: "\e94e" !important;
        font-size: 1.3em;
        top: -1px;
    }

.favOptions ul.moveItemList {
    position: absolute;
    top: 100%;
    right: 0;
    background: #f3f3f3;
    border: 1px solid #e6e6e6;
    width: 100%;
}

.favIconItems input[type="checkbox"], .favIconItemsZoom input[type="checkbox"] {
    vertical-align: middle;
    margin-right: 7px;
}

.favIconItems div, .favIconItemsZoom div, .showMoveList {
    line-height: 30px;
}

.chartContent .tab-content {
    padding-top: 10px;
    background: #fff;
    height: auto;
}

.ChartDataDiv .tab-content {
    box-shadow: none;
    height: 422px !important;
    padding-top: 5px;
    overflow-y: auto;
    border: 0 none;
}

.row-pad-5 [class*="col-lg"], .row-pad-5 [class*="col-md"], .row-pad-5 [class*="col-sm"] {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
}

.hideShowKPI {
    margin: 5px 0 0 5px;
    background: #4e4e4e !important;
    border: 0 none;
    line-height: 26px;
    border-radius: 3px;
    color: #fff;
    outline: 0 none;
}

    .hideShowKPI:hover, .hideShowKPI.active {
        background: #ff962f !important;
        color: #fff;
        border-color: #ff962f;
    }

.colTabsDiv [id*="whereClause"] {
    position: absolute;
    right: 10px;
    padding: 10px;
    top: 80px;
    background: rgba(250, 250, 250, .4);
    border: 1px solid #f0f0f0;
    width: 200px;
    border-radius: 5px;
    box-shadow: 0 1px 1px 0 rgba(50, 50, 50, .3);
    max-height: 150px;
    overflow: auto;
}

    .colTabsDiv [id*="whereClause"].favChartAppliedFilter {
        max-height: inherit;
        overflow: inherit;
        width: auto;
        top: 10px;
        right: 10px;
    }

.ChartDataDiv .favListGridFilter {
    position: relative;
    width: 100%;
    border: 0 none;
    box-shadow: inherit;
    border-radius: 0;
    top: inherit;
    right: inherit;
    max-height: inherit;
    padding: 0;
}

    .ChartDataDiv .favListGridFilter h6 {
        display: inline-block;
        margin-right: 5px;
        margin-bottom: 0;
    }

        .ChartDataDiv .favListGridFilter h6 i, .favZoomGrid .favZoomChartFilter h6 i {
            display: none;
        }

.favListGridFilter .filterDiv {
    max-height: 60px;
    overflow: auto;
    max-width: inherit;
    margin-top: 0;
    display: inline-block;
    width: 89%;
    vertical-align: top;
}

.leftpanel-hide .ChartDataDiv .favListGridFilter .filterDiv, .leftpanel-show .ChartDataDiv .favListGridFilter .filterDiv {
    width: 89%;
}

#divFilters span, #divKPIFilters span, #divFiltersTabs span {
    padding: 3px 8px;
    background: #eee;
    border-radius: 3px;
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
}

.addSecondDate, #SecondCalendar {
    display: inline-block;
    vertical-align: top;
}

.chartScreen #hint, .rapsureReport #hint {
    border: 10px solid #fff;
    margin-top: 20px;
    border-radius: 7px;
}

#addSecondDateRange {
    margin: 10px 0;
}

#ProductContainer .k-multiselect-wrap {
    cursor: pointer;
}

#tooltipTable {
    line-height: 21px;
}

.favZoomChartFilter {
    position: absolute;
    right: 10px;
    padding: 10px;
    top: 10px;
    background: rgba(250, 250, 250, .4);
    border: 1px solid #f0f0f0;
    width: auto;
    border-radius: 5px;
    box-shadow: 0 1px 1px 0 rgba(50, 50, 50, .3);
    height: auto;
    z-index: 10;
}

.favZoomChartFilter {
    padding-top: 10px;
    margin-bottom: 10px;
}

.k-i-arrow-u:before {
    content: "\e004";
}

.favChartAppliedFilter i[class*="k-i-arrow"], .favZoomChartFilter i[class*="k-i-arrow"], #appliedFilterData i[class*="k-i-arrow"] {
    cursor: pointer;
}

.favZoomGrid .favZoomChartFilter {
    position: relative;
    background: none;
    top: inherit;
    box-shadow: none;
    border: none;
    right: inherit;
    margin-left: 15px;
}

    .favZoomGrid .favZoomChartFilter h6 {
        margin: 3px 5px 0 0;
        display: inline-block;
    }

    .favZoomGrid .favZoomChartFilter .filterDiv {
        max-height: 60px;
        overflow: auto;
        max-width: inherit;
        margin-top: 0;
        display: inline-block !important;
        width: 94%;
        vertical-align: top;
    }

.favZoomChartFilter #divFilters, .favZoomChartFilter #divKPIFilters {
    display: inline-block;
}

#divFilters span, #divKPIFilters span, #divFiltersTabs span {
    padding: 3px 8px;
    background: #eee;
    border-radius: 3px;
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
}

div[id*="divFavChartZoom"] {
    min-height: 440px;
}

.dataSummaryInfo {
    background: #fcf8e3;
    border: 1px solid #faebcc;
    display: block;
    margin-bottom: 10px;
    margin-left: 8px;
    width: 98%;
}

    .dataSummaryInfo .idataSummaryInfo {
        font-size: 16px;
        position: relative;
        top: 7px;
    }

    .dataSummaryInfo label {
        margin: 5px 0px 0px 5px;
        float: right;
    }

        .dataSummaryInfo label span {
            display: block;
        }

.chartPreviewIcon {
    background: url("/Content/Images/rapsEnhanceSprite.png") no-repeat -64px -180px;
    float: left;
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin-right: 10px;
}

    .chartPreviewIcon:hover {
        background-position: -94px -180px;
    }

.previewChartData.k-chart {
    position: absolute !important;
    display: none;
    width: 300px;
    height: 200px;
    left: 40px;
    z-index: 2500000;
    padding: 10px;
    background: #fff;
    border: 1px solid #dadada;
    border-radius: 5px;
}

#KPIList .mCSB_container {
    min-height: 100%;
}

    #KPIList .mCSB_container .noButtonSelected {
        font-size: 16px;
        font-weight: 600;
    }

#ddlMoveToClientGroup_listbox .k-item-text.overflowText {
    min-width: 100px;
}

.ChartDataDiv .k-grid {
    position: inherit;
}

#indirectEffect {
    padding: 2px 0;
}

    #indirectEffect i {
        background: url(/Content/Images/indirectEffectGrey.png) no-repeat;
        background-size: cover;
        width: 30px;
        height: 34px;
        cursor: pointer;
        margin-right: 5px;
        display: inline-block;
    }

    #indirectEffect.active i {
        background: url(/Content/images/indirectEffectOrange.png) no-repeat;
        background-size: cover;
    }
/*===================CHART REPORT SCREEN CSS=============*/
/*===================KPI GRID CSS=====================*/
.addVarible {
    width: 35px;
    height: 35px;
    background: #f5f6f6;
    border: 1px solid #d8d8d8;
    border-radius: 7px;
    display: inline-block;
    padding: 6px 0 0 8px;
    cursor: pointer;
    margin-left: 5px;
    color: #333;
}

.kpiGridContent .variableChart {
    margin-left: 0;
}

.bodyKpiGrid .kpiGridContent {
    padding: 0;
}

    .bodyKpiGrid .kpiGridContent .variableInfoData {
        right: 0;
    }

.bodyKpiGrid .k-grid tr:hover {
    background: inherit;
}

#variableInfoAcordion #ulHeatMap .k-item .k-link.k-header {
    border: 0 none;
}

.rapsNew .k-list-container .k-list .k-item .pull-right {
    font-style: italic;
    font-size: 10px;
}

.newVariable .k-i-close {
    cursor: pointer;
    color: #333;
}

    .newVariable .k-i-close:hover {
        color: #ff962f;
    }

li#iconDrilldown a i[class*="armIcon-"] {
    color: #333;
}

li#iconDrilldown a.active i[class*="armIcon-"] {
    color: #ff962f !important;
}

.closeIcon {
    background: url("/Content/Images/rapsEnhanceSprite.png") no-repeat -254px -150px;
    float: right;
    width: 19px;
    height: 19px;
    cursor: pointer;
}

    .closeIcon:hover {
        background-position: -254px -170px;
    }

#divFilters .closeIcon {
    margin-left: 5px;
}

.filterApplied .closeIcon {
    margin-left: 10px;
}

#ulHideShowKPI input[type=checkbox] {
    margin: 5px 0 0;
}

.k-panel .k-panel > .k-item > .k-link {
    padding-left: 1em;
}

#ulHideShowKPI .k-icon.k-plus, #ulHideShowKPI .k-icon.k-minus {
    vertical-align: text-bottom;
    margin-left: -16px;
    cursor: pointer
}

#ulHideShowKPI span.k-in {
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.stickyheader .leftpanelinner #leftMainMenu > li:last-of-type {
    min-height: 120px;
}

.stickyheader .leftpanelinner #leftMainMenu {
    padding-bottom: 40px;
}

#divPresetData .k-grid-content.k-auto-scrollable,
#divFavChartData .k-grid-content.k-auto-scrollable {
    max-height: 250px;
    height: 150px;
}
/*===================KPI GRID CSS=====================*/

/*===================RAPSURE REPORT CSS===============*/
.rapsureReport .kpiGridContent {
    padding: 10px;
}

    .rapsureReport .kpiGridContent .variableInfoData {
        top: 10px;
    }

.nav-tabs > li.eventTab > a {
    line-height: 28px;
}

.nav-tabs > li > a i.eventIcon {
    background: url("/Content/images/rapsEnhanceSprite.png") no-repeat -3px -210px;
    float: left;
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin-right: 5px;
}

.variableChart ul.nav-tabs li.eventTab a:hover, .variableChart ul.nav-tabs li.eventTab.active a {
    color: #ff962f;
}

    .variableChart ul.nav-tabs li.eventTab a:hover i, .variableChart ul.nav-tabs li.eventTab.active a i {
        background-position: -33px -210px;
    }

.rapsureReport .chartVariableInfo p {
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
}

.rapsureReport .buttonDiv {
    margin: 5px 0 10px 0;
}

#addEventButton {
    height: 33px;
    border-radius: 5px;
    line-height: 24px;
    background: #4e4e4e;
    color: #fff;
    display: inline-block;
    border: 0 none;
}

    #addEventButton:hover {
        background: #ff962f;
    }

#showHiddenEvent {
    display: inline-block;
    margin-left: 10px;
    vertical-align: top;
}

    #showHiddenEvent .k-button {
        border-radius: 5px;
        padding: 4px 10px 4px 15px;
        margin-bottom: 0;
        font-weight: normal;
        height: 33px;
    }

    #showHiddenEvent .ui-checkboxradio-icon {
        display: none;
    }

    #showHiddenEvent .ui-button-text-only .ui-button-text {
        padding: 0;
    }

#divEventTabGrid {
    height: 485px;
}

.eventFields .textEditor, .eventFields .dateShowTill {
    margin-bottom: 10px;
}

.eventFields label {
    margin-right: 10px;
    width: 70px;
}

.eventFields input[type="checkbox"] {
    margin-right: 5px;
}

#divEventTabGrid td[style*="text-align"] a {
    margin: 5px;
}

.lineGridTable.k-grid td {
    border-left-width: 1px;
}

#divEventTabGrid .preset-name {
    line-height: 20px;
    width: 95%;
    word-wrap: break-word;
    display: inline-block;
    vertical-align: middle;
}

i[class^="personIcon armIcon-"] {
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0 5px;
    font-size: 28px;
    vertical-align: middle;
}

i[class^="personIcon active"] {
    color: #ff962f;
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0 5px;
    font-size: 28px;
    vertical-align: middle;
}

#showAllEvents .k-icon {
    margin-left: 5px;
}
/*===================RAPSURE REPORT CSS===============*/
/*===================DAILY PULSE CONFIG=================*/
.dailyAddEditChart #divChartManipulation .col-sm-12, .dailyAddEditChart #divChartManipulation .col-xs-12, .dailyAddEditChart #divChartManipulation .col-sm-6 {
    box-sizing: border-box !important;
}

.dailyAddEditChart #divChartManipulation .col-sm-6 {
    margin-bottom: 0;
    padding: 0;
}

#divChartManipulation .form-group {
    margin-bottom: 2px;
}

#divChartManipulation .col-xs-12.editor-field .k-textbox {
    width: 100% !important;
}

#divChartManipulation .form-group.otherSiteKPI {
    margin: 10px 0;
}

.dailyAddEditChart #divChartManipulation .kpiSelectionPanel {
    width: 100%;
    padding: 3px;
    margin-bottom: inherit;
    float: left;
}

#divChartManipulation .kpiSelectionList {
    float: left;
    height: 225px;
    overflow-y: auto;
    background: #f5f5f5;
    padding: 2px;
    font-size: 11px;
    border-radius: 3px;
    width: 220px;
    min-width: 200px;
    min-height: 50px;
}

#KPIList.tagcontainer .move.k-block {
    width: 96%;
    display: inline-block;
    margin: 2px 5px 5px 0px;
    margin-right: 5px;
}

.kpiSselectedList label {
    display: inline-block;
    width: 100%;
}

i.drillDownIconSmall, i.noDrillDownIconSmall {
    font-size: 16px;
}

#divChartManipulation.k-window-content {
    padding: .6em;
}

.dailyAddEditChart #divChartManipulation .col-sm-12 {
    padding: 0;
}

.dailyAddEditChart #RightYAxis.tagcontainer, .dailyAddEditChart #LeftYAxis.tagcontainer {
    max-height: 85px;
    overflow: auto;
    width: 230px;
    padding: 2px;
}

#divChartManipulation .leftYAxisBlock, .rightYAxisBlock {
    min-height: 100px;
}

.dailyAddEditChart #divChartPreview #divChart {
    background: #fff;
    height: 350px;
    width: 100%;
    left: inherit;
}

.mb10 {
    margin-bottom: 10px;
}

.mt10 {
    margin-top: 10px;
}

.ml10 {
    margin-left: 10px;
}

.mr10 {
    margin-right: 10px;
}

#breadcrumb {
    min-height: 21px;
    display: inline-block;
    width: 80%;
    float: left;
    height: 21px;
    padding: 0px;
}

.queryTextArea {
    color: #2e2e2e;
    border: 1px solid #ccc;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    width: 205px;
    height: 60px;
}

#divKPIManipulation .editor-label {
    margin-left: 10px;
    width: 150px;
}

#divKPIManipulation .editor-field .editor-label {
    margin-left: inherit;
}

#NoOfDays.k-textbox {
    width: 4em !important;
}

#NoOfRollingDays.k-textbox {
    width: 4em !important;
}

#NoOfFutureRollingDays.k-textbox {
    width: 4em !important;
}

#divKPIManipulation .form-group.actionBtnBlck {
    margin-top: 20px;
    margin-bottom: 0;
}

#divKPIManipulation .actionBtnBlck .k-button {
    margin-right: 10px;
}

#divKPIManipulation #breadcrumb {
    float: none !important;
}

#divKPIManipulation .form-group {
    margin-bottom: 3px !important;
}

    #divKPIManipulation .form-group.actionBtnBlck {
        margin-top: 5px;
    }

#divAvgKPIFeature.form-group {
    margin-top: 0 !important;
}

#divKPIManipulation .queryTextArea {
    height: 53px;
}

#divAvgKPIFeature .editor-label {
    margin-bottom: 0 !important;
}

.upComingPastSpotGrid .nav-tabs > li > a {
    line-height: 20px;
    margin-right: 0;
}

.upComingPastSpotGrid .nav-tabs {
    background: #e4e7ea;
    border: 0 none;
    border-bottom: 1px solid #e6e6e6;
}

    .upComingPastSpotGrid .nav-tabs li {
        border: 0 none;
    }

    .upComingPastSpotGrid .nav-tabs > li.upcomingSpotsView, .upComingPastSpotGrid .nav-tabs > li.pastSpotsView {
        background: #ccc;
        border-radius: 5px 5px 0 0;
        margin-right: 4px;
        border: 1px solid #e6e6e6;
    }

        .upComingPastSpotGrid .nav-tabs > li.upcomingSpotsView.active, .upComingPastSpotGrid .nav-tabs > li.pastSpotsView.active {
            border-bottom-color: #fff;
        }

.dark .upComingPastSpotGrid .nav-tabs > li {
    border-color: #444;
}

.noItemAdd {
    font-size: 16px;
    color: #ccc;
}

.noResult {
    background: #fff;
    border: 1px solid #dadada;
    border-radius: 5px;
    height: 100px;
    font-size: 30px;
    text-align: center;
    font-family: Arial;
    font-weight: bolder;
    color: black;
    width: 100%;
    position: relative
}

    .noResult b {
        opacity: 0.2;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        position: absolute;
    }
/*#spotsGridContainer #spotsGrid .k-grid-content{
    height:610px;
}
#spotsGridContainer #spotsGrid{
    height:650px !important;
}*/
#spotsGridContainer #spotsGrid .k-grid-content td.noResult {
    border-bottom-width: 0;
}
/*===================DAILY PULSE CONFIG=================*/
/*===================DAILY PULSE CHART=================*/
.scrollingTooltip {
    max-height: 170px;
    overflow: auto;
    padding: 5px 10px 15px 10px;
}

#btnPrevious, #btnNext {
    color: #6c6c6c;
    cursor: pointer;
    font-size: 26px;
    position: absolute;
    top: 48%;
    z-index: 99;
}

#btnNext {
    right: 0px;
}

.disabled .fa-chevron-left, .disabled .fa-chevron-right {
    color: #ccc;
    cursor: initial;
}

#divZoomWindow {
    padding: 0 !important;
}

    #divZoomWindow .scrollingTooltip {
        max-height: 225px;
    }

.backTab a {
    transform: rotate(-180deg);
}

#lblDate {
    width: 110px;
    text-align: center;
    margin-right: 10px;
}

#divToolBarAssign {
    margin-bottom: 10px;
}

.k-grid-filter.k-state-active {
    background: none;
    color: #e66925;
}

#deleteKpiPopup .modal {
    z-index: 100000;
}

#deleteKpiPopup .modal-dialog {
    box-shadow: 2px 2px 3px #888;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 5px;
    font-size: 14px;
}

#deleteKpiPopup .modal-content {
    border-radius: 5px;
}

#deleteKpiPopup .modal-header {
    background: url(/Content/Images/panelBg.png) repeat;
}

#deleteKpiPopup .modal-title {
    color: #ff962f;
    font-size: 1.2em;
}

#deleteKpiPopup .modal-body, #deleteKpiPopup .modal-footer {
    padding: 10px 20px;
    word-break: break-all;
}

#deleteKpiPopup .modal-dialog ul {
    padding: 0;
}

    #deleteKpiPopup .modal-dialog ul li {
        list-style-type: none;
        padding-left: 10px;
    }

.modal-header .k-i-close {
    text-shadow: none;
    color: #ff962f;
    font-size: 15px;
    opacity: 1;
}

#divChart .noKPISelect, .kpiDesignPreview .noKPISelect {
    font-size: 22px;
    text-align: center;
    font-family: Arial;
    font-weight: bolder;
    color: black;
    opacity: 0.2;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

li.dragBlock a {
    background: url("/Content/images/dragIcon.png") no-repeat center center !important;
    cursor: move;
    width: 28px;
    height: 28px;
}

li.dragBlock:hover a {
    background: url("/Content/images/dragIcon_hover.png") no-repeat center center !important;
}

.contentBox.listKpiDiv {
    height: inherit;
}

.nav-tabs > li.copyChart.active a i {
    color: #333 !important;
    cursor: pointer;
}
/*===================DAILY PULSE CHART=================*/
/*==============TV Activity CSS=================*/

.k-widget.k-window.customWidthFilter {
    width: 800px;
}

.nav-tabs > li > a {
    color: #333;
}

.nav-tabs > li.active > a[class*="armIcon-"], .nav-tabs > li.activeBarb > a {
    color: #ff962f;
}
/*==============TV Activity CSS=================*/

/*========================POPOVER CSS=====================*/
.variableChart .popover, .ChartDataDiv .popover, .ChartDataDivZoom .popover, .crossTabContentDiv .popover,
.conversiontypeinfo .popover, .dcminfo .popover, .ds3info .popover, .supplierContentinfo .popover, .mediaOwnedRateinfo .popover,
.inputManagement .popover, .forecastinfo .popover {
    max-width: 300px;
    width: 300px;
    right: 45px;
    left: inherit;
    top: -9px;
}

.popover {
    box-shadow: 2px 2px 3px #888888;
    z-index: 2;
}

    .popover.left > .arrow:after {
        border-left-color: #333;
    }

.popover-title {
    background-image: url(/Content/Images/panelBg.png);
    color: #ff962f;
}

.popover-content {
    word-wrap: break-word;
    line-height: 20px;
    color: #333;
    background: #e4e4e4;
}
/*========================POPOVER CSS=====================*/
/*==========ARMOURY-CSS===============*/
.row-pad-5.ARMHelpContainer, .row-pad-5.ARMVaultContainer, .row-pad-5.ARMInsideContainer {
    position: relative;
    clear: both;
}

ul#ARMTabNav {
    padding: 0px;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 9;
}

    ul#ARMTabNav li {
        float: left;
        list-style-type: none;
    }

        ul#ARMTabNav li a {
            border-top: 1px solid #aaa;
            border-left: 1px solid #aaa;
            border-right: 1px solid #aaa;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            float: left;
            list-style-type: none;
            padding: 7px 16px 6px;
            color: #444;
            background: #ccc;
            font-size: 14px;
            border-bottom: solid 1px #aaa;
        }

            ul#ARMTabNav li a.active {
                background: #fff;
                border-bottom: 1px solid #fff;
                cursor: default !important;
            }

.panel.panel-body.col-xs-12.armouryTabBorder {
    border: 1px solid #aaa;
    border-radius: 0px;
    margin: 35px 0 0;
}

.ARMVaultDashboard {
    background: #e4e7ea;
    clear: both;
    margin: 0px;
    padding-top: 19px;
    padding-bottom: 2px;
    margin-top: 10px;
}

#divTotalFiles, #divTotalFileSize, #divTotalViews, #divTotalDownloads {
    float: left;
    padding: 5px 0;
    width: 100%;
}

.divTotalFilesIcon {
    background: url(/Content/Images/totalFilesIcon.jpg) no-repeat center center;
    float: left;
    height: 136px;
    width: 42%;
    background-size: 63%;
    -moz-background-size: 63%;
}

.summaryTitle {
    float: left;
    color: #333;
    font-family: "latoregular";
    color: #333;
    font-size: 22px;
    height: 58px;
    margin: 14px 0 0;
    padding: 0 30px 0 0;
    text-align: right;
    width: 58%;
}

.summaryCount {
    float: left;
    color: #ff962f;
    font-family: "latoregular";
    font-size: 52px;
    padding: 0 30px 0 0;
    text-align: right;
    width: 58%;
}

    .summaryCount > span {
        font-size: 25px;
    }

.divTotalFileSizeIcon {
    background: url(/Content/Images/totalFileSizeIcon.jpg) no-repeat center center;
    float: left;
    height: 136px;
    width: 42%;
    background-size: 49%;
    -moz-background-size: 49%;
}

.divTotalViewsIcon {
    background: url(/Content/Images/TotalViewsIcon.jpg) no-repeat center center;
    float: left;
    height: 136px;
    width: 42%;
    background-size: 55%;
    -moz-background-size: 55%;
}

.divTotalDownloadsIcon {
    background: url(/Content/Images/TotalDownloadsIcon.jpg) no-repeat center center;
    float: left;
    height: 136px;
    width: 42%;
    background-size: 50%;
    -moz-background-size: 50%;
}

.ARMVaultBrowse .browseSearchContainer, .ARMVaultSearchContainer .browseSearchContainer {
    float: right;
    left: auto;
    position: relative;
    width: 60%;
    padding-left: 15px;
    box-sizing: border-box;
}

.searchPanel input[type="text"] {
    width: 200px;
    border: 1px solid #c5c5c5;
    line-height: 25px;
    border-radius: 3px;
}

#BrowseSearch {
    width: 100%;
    margin: 0;
    padding-left: 30px !important;
    padding-right: 5px !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.browseSearchContainer .closeIcon {
    position: absolute;
    top: 7px;
    right: 10px;
    font-size: 17px;
    color: #ff962f;
}

.browseSearchContainer .k-icon.k-i-search {
    position: absolute;
    left: 20px;
    top: 5px;
}

.browsePageContent #contentBlock {
    min-height: 680px !important;
}

#dirTreeViewParent {
    background: linear-gradient(#f8f8f8, #f3f3f3);
    background: -webkit-linear-gradient(#f8f8f8, #f3f3f3);
    background: -moz-linear-gradient(#f8f8f8, #f3f3f3);
    background: -o-linear-gradient(#f8f8f8, #f3f3f3);
    border: 1px solid #d8d9db;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 15px 10px;
    max-height: 550px;
    overflow: auto;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 21px 0 0;
}

#TreeViewContainer.col-sm-2 {
    width: 18%;
}

#menuAddDirectory {
    border: none;
    width: 80px !important;
    margin: 0 0 5px;
    position: absolute;
    top: -20px;
    background: transparent;
}

    #menuAddDirectory.k-menu .k-item > .k-link {
        background: #ff962f;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        color: #fff;
        text-align: center;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        font-size: 14px;
    }

    #menuAddDirectory.k-menu .k-first .k-link {
        background: #4e4e4e;
    }

        #menuAddDirectory.k-menu .k-first .k-link span {
            display: none;
        }

body.openPanels #menuAddDirectory_mn_active .k-animation-container {
    top: 31px !important;
}

#menuAddDirectory {
    border: none;
    width: 80px !important;
    margin: 0 0 5px;
    position: absolute;
    top: -20px;
}

ul#menuAddDirectory.k-menu ul.k-group li span.k-link {
    background: #fff;
    color: #000;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-bottom: solid 1px #ccc;
    padding: 13px 86px 13px 10px !important;
}

    ul#menuAddDirectory.k-menu ul.k-group li span.k-link:hover {
        background: #f5f5f5;
    }

.k-menu .k-state-default .k-state-border-down {
    background: #7d328a !important;
}

ul#menuAddDirectory ul.k-group li.k-last span.k-link:last-child {
    border-bottom: 0px;
}

ul#menuAddDirectory ul.k-group {
    margin-top: 10px;
    overflow: visible !important;
}
/*ul#menuAddDirectory .k-animation-container{ background:url("../images/dropdownArrow.png") no-repeat 35px 2px; z-index:999999999 !important;}*/
ul#menuAddDirectory .arrowDown {
    background: url("/Content/Images/dropdownArrow.png") no-repeat 0px 0px;
    width: 20px;
    height: 12px;
    left: 34px;
    position: absolute;
    top: -9px;
    z-index: 999 !important;
}

ul.k-treeview-lines li.k-item .k-in {
    color: #333;
    font-size: 13px;
    line-height: 26px;
    padding: 1px 10px 0px 3px;
    margin: 0px 0;
}

#menuAddDirectory .k-first .k-link {
    background: #4e4e4e;
}

    #menuAddDirectory .k-first .k-link:hover {
        background: #7d328a;
    }

#dirTreeView .k-sprite, #ParentFolder .k-sprite, #dirGrid .k-sprite, #FolderForFile .k-sprite, #FolderForCreative .k-sprite, #fileTypesGrid .k-sprite, #latestUploadGrid .k-sprite {
    background: url(/Content/Images/ArmourySprite.png) no-repeat !important;
    height: 23px;
    width: 24px;
}

#dirTreeView .blankFolder, #ParentFolder .blankFolder, #dirGrid .blankFolder, #FolderForFile .blankFolder, #FolderForCreative .blankFolder {
    background-position: -11px -202px !important;
}

#dirTreeView .k-state-selected, #ParentFolder .k-state-selected, #FolderForFile .k-state-selected, #FolderForCreative .k-state-selected {
    border: 1px solid #ff962f !important;
}

#dirTreeView .openFolder, #ParentFolder .openFolder, #FolderForFile .openFolder, #FolderForCreative .openFolder {
    background-position: -12px -232px !important;
}

.k-button:active:hover, .k-button.k-state-active:hover, .k-list > .k-state-selected, .k-state-selected, .k-state-selected {
    background: #ff962f !important;
}

ul.k-treeview-lines .k-in.k-state-selected {
    color: #fff !important;
}

.armouryFolderIcon {
    float: left;
    width: 26px;
}

.armouryGridFolderPath {
    width: 80%;
    padding-top: 3px;
    float: left;
    word-wrap: break-word;
}

#GridContainer {
    margin: 0px 0 0;
}

    #GridContainer.col-sm-8 {
        width: 62%;
    }

.ARMVaultBrowse #breadcrumb, .ARMVaultSearchContainer #breadcrumb, .ARMInsideBrowse #breadcrumb, .ARMVaultSearchContainer .r-click-info {
    width: 69%;
}

#sendlistItems {
    display: inline-block;
    margin: 0 0 7px;
    text-align: right;
    width: 20%;
}

.ARMVaultBrowse #sendlistItems, .ARMVaultSearchContainer #sendlistItems {
    width: 30%;
}

#btnMoveBack.armourySprite {
    background: url(/Content/Images/ArmourySprite.png) -93px -71px no-repeat #e4e7ea !important;
    float: left;
    padding: 0 10px 0 15px !important;
    border: 1px solid #ccc !important;
}

#btnClearSendList {
    background: #4e4e4e;
    border: 1px solid #4e4e4e !important;
    color: #fff;
    margin: 10px 0px 0 0;
    float: right;
    padding: 3px 16px !important;
}

#btnSendEmail {
    background: #4e4e4e !important;
    border: solid 1px #4e4e4e !important;
    color: #fff;
    padding: 1px 11px 1px 36px !important;
    cursor: pointer;
}

.ARMVaultBrowse #sendlistItems #btnClearSendList, .ARMVaultSearchContainer #sendlistItems #btnClearSendList {
    float: none;
}

#btnSendEmail.disabled {
    background: url(/Content/Images/ArmourySprite.png) -48px -361px no-repeat #e6e6e6 !important;
    color: #acacac !important;
    border: 1px solid #dedede !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    cursor: default;
}

#DescriptionContainer.col-sm-2 {
    width: 20%;
}

#DescriptionContainer > ul {
    background: linear-gradient(#f8f8f8, #f3f3f3);
    background: -webkit-linear-gradient(#f8f8f8, #f3f3f3);
    background: -moz-linear-gradient(#f8f8f8, #f3f3f3);
    background: -o-linear-gradient(#f8f8f8, #f3f3f3);
    border: 1px solid #d8d9db;
    list-style: none;
    margin: 36px 0 0;
    padding: 10px 15px 20px;
    max-height: 600px;
    overflow: auto;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.ARMVaultContainer.ARMVaultBrowse #DescriptionContainer > ul {
    margin-top: 33px;
}

#fileDescription > li {
    font-size: 13px;
    padding: 7px 0 0;
    word-wrap: break-word;
    clear: both;
}

#fileDescription li.title, #hfileDescription li.title {
    color: #ff962f;
    font-size: 21px;
    font-weight: bold;
    word-wrap: break-word;
}

#fileDescription .fileDetails {
    font-size: 13px;
    line-height: 21px;
    word-wrap: break-word;
}

#lblParentDirectory > div {
    float: left;
}

.armouryFolderText {
    padding-top: 3px;
}

#fileDescription li span {
    font-size: 13px;
    font-weight: bold;
}

.ArmouryfolderPath {
    width: 72%;
    padding-top: 3px;
    float: left;
}

#btnTotalViewsValue {
    background: rgba(0,0,0,0) url(/Content/Images/ArmouryTotalViewsIcon.png) no-repeat 9px 7px;
    float: left;
    padding: 2px 13px 1px 30px;
    margin: 0 6% 0 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #2e2e2e;
    cursor: pointer;
}

    #btnTotalViewsValue:hover {
        background: #ccc url(/Content/Images/ArmouryTotalViewsIcon.png) no-repeat 9px 7px;
        border-color: #bbb;
    }

#btnTotalDownloadsValue {
    background: url(/Content/Images/ArmouryDownloadIcon.png) no-repeat 9px 5px;
    float: left;
    padding: 3px 12px 1px 32px;
    margin: 0 6% 0 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #2e2e2e;
    cursor: pointer;
}

    #btnTotalDownloadsValue:hover {
        background: #ccc url(/Content/Images/ArmouryDownloadIcon.png) no-repeat 9px 5px;
        border-color: #bbb;
    }

#btnTotalEmailsValue {
    background: url(/Content/Images/armouryMailIcon.png) no-repeat 9px 7px;
    float: left;
    padding: 3px 11px 1px 34px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #2e2e2e;
    cursor: pointer;
}

    #btnTotalEmailsValue:hover {
        background: #ccc url(/Content/Images/armouryMailIcon.png) no-repeat 9px 7px;
        border-color: #bbb;
    }

#viewFileDescriptionContainer .downloadBtn, #HistoryDescriptionContainer .downloadBtn, #DescriptionContainer .downloadBtn {
    background: #ff962f !important;
    border: solid 1px #ff962f !important;
    color: #fff !important;
    margin: 2px 0;
}

    #viewFileDescriptionContainer .downloadBtn:hover, #HistoryDescriptionContainer .downloadBtn:hover, #DescriptionContainer .downloadBtn:hover {
        background: #7d328a !important;
        border: solid 1px #7d328a !important;
    }

#viewFileDescriptionContainer .copyUrlBtn, #hfileDescription .copyUrlBtn, #DescriptionContainer .copyUrlBtn {
    background: #ff962f url(/Content/Images/CopyURLIconWhite.png) no-repeat 15px center !important;
    padding: 0.12em 17px 0.12em 36px !important;
    border: solid 1px #ff962f !important;
    color: #fff !important;
    margin: 2px 0;
}

    #viewFileDescriptionContainer .copyUrlBtn:hover, #hfileDescription .copyUrlBtn:hover, #DescriptionContainer .copyUrlBtn:hover {
        background: #7d328a url(/Content/Images/CopyURLIconWhite.png) no-repeat 15px center !important;
        border: 1px solid #7d328a !important;
    }

.r-click-info {
    color: #878787;
    padding: 5px 0 !important;
    display: inline-block;
}

.fr-FR .ARMVaultBrowse #breadcrumb, .ARMVaultSearchContainer #breadcrumb, .fr-FR .ARMInsideBrowse #breadcrumb, .fr-FR .ARMVaultSearchContainer .r-click-info {
    width: 59%;
}

.fr-FR #crearesharewindow .editor-field #ExtendButton {
    margin-left: 13px;
}

.fr-FR #crearesharewindow .editor-field label {
    width: auto;
}

/*ARME-234 - Arnoury - Enhance Add feature plus folder right click options*/
ul.armouryRightClick.k-menu {
    border-radius: 0;
}

    ul.armouryRightClick.k-menu .k-item > .k-link {
        background: inherit;
        color: #333;
        border-radius: 0;
        border-bottom: 1px solid #e5e5e5;
    }

        ul.armouryRightClick.k-menu .k-item > .k-link:hover {
            background: #e2e2e2;
        }

ul.armouryRightClick.k-context-menu.k-menu-vertical > .k-item > .k-link, .k-menu .k-menu-group .k-item > .k-link {
    padding: 10px !important;
    min-width: 200px;
}

#dirTreeView .k-treeview-lines li span.k-icon {
    margin-left: -16px;
}

.ARMVaultBrowse .panel.col-xs-12 {
    padding-left: 0;
    padding-right: 0;
}

.armouryRightClick.k-header {
    background: #f5f5f5;
}

#btnSendEmail.activated {
    background: url("/Content/Images/ArmourySprite.png") -48px -230px no-repeat #ff962f !important;
    color: #fff !important;
    border: 0 none !important;
    cursor: pointer;
}

#btnClearSendList.activated {
    background: #4e4e4e !important;
    color: #fff !important;
    border: 0 none !important;
    margin-top: 0px;
    padding: 0 10px !important;
}

    #btnClearSendList.activated:hover, #btnSendEmail.activated:hover {
        background-color: #7d328a !important;
    }

.sendLinkInputContainer {
    width: 80%;
}

.emailAddress {
    color: #2e2e2e;
    border: 1px solid #ccc;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    width: 100%;
    resize: none;
}

.tag-this {
    border: 1px solid #CCC;
    background: #FFF;
    padding: 5px;
    overflow-y: auto;
    overflow-x: hidden;
    /* margin: 20px 20px 20px 0; */
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

    .tag-this div {
        display: block;
        float: left;
    }

    .tag-this input {
        padding: 6px;
        /* width: 80px; */
        width: 100%;
        margin: 0px;
        font-family: tahoma, sans-serif;
        font-size: 13px;
        border: 1px solid transparent;
        background: transparent;
        color: #000;
        margin-right: 5px;
        margin-bottom: 5px;
        outline-color: white;
    }

.inputShadow {
    position: absolute;
    top: -1000px;
}

.tag-this .tag-this--clear {
    clear: both;
    width: 100%;
    height: 0px;
}

.sendLinkInputContainer input.k-textbox {
    width: 100% !important;
}

.k-window .sendLinkInputContainer .k-editor.k-editor-widget .k-content {
    background: #fff;
}

.k-window .sendLinkInputContainer .k-tool-group .k-tool {
    background: #fff;
}

    .k-window .sendLinkInputContainer .k-tool-group .k-tool:hover {
        background: #eee;
        color: #333;
    }

.hintText {
    color: #878787;
    font-size: 12px;
}

#divSendEmailWindow .hintText {
    display: block;
    clear: both;
}

.multiple_attachments-container {
    border: none;
    border-radius: 0px;
    box-shadow: none;
}

.multiple_attachments-ul {
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 5px 0;
    padding: 5px !important;
    background: #fff;
    list-style-type: none;
}

ul.multiple_attachments-ul li.multiple_attachments-attachment {
    background: #fff3e7;
    border: 1px solid #ff962f;
    display: inline-block;
    margin: 0 5px 5px 0;
    padding: 7px 8px 5px 0px;
    border-radius: 3px;
}

    ul.multiple_attachments-ul li.multiple_attachments-attachment:last-child {
        margin: 0;
    }

.multiple_attachments-close {
    float: left;
    margin: 0 3px;
}

#HistoryGridContainer.col-sm-8, #HistoryDescriptionContainer.col-sm-4 {
    box-sizing: border-box;
}

#viewFileDescriptionContainer .downloadBtn, #HistoryDescriptionContainer .downloadBtn, #DescriptionContainer .downloadBtn {
    background: #ff962f !important;
    border: solid 1px #ff962f !important;
    color: #fff !important;
}

    #viewFileDescriptionContainer .downloadBtn:hover, #HistoryDescriptionContainer .downloadBtn:hover, #DescriptionContainer .downloadBtn:hover {
        background: #7d328a !important;
        border: solid 1px #7d328a !important;
    }

#HistoryDescriptionContainer > ul {
    background: linear-gradient(#f8f8f8, #f3f3f3);
    background: -webkit-linear-gradient(#f8f8f8, #f3f3f3);
    background: -moz-linear-gradient(#f8f8f8, #f3f3f3);
    background: -o-linear-gradient(#f8f8f8, #f3f3f3);
    border: 1px solid #d8d9db;
    list-style: none;
    padding: 10px 15px 20px;
    max-height: 600px;
    overflow: auto;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#hlblParentDirectory > div {
    float: left;
}

#fileDescription li.title, #hfileDescription li.title {
    color: #ff962f;
    font-size: 21px;
    font-weight: bold;
    word-wrap: break-word;
}

#hfileDescription .fileDetails {
    font-size: 13px;
    line-height: 21px;
    word-wrap: break-word;
}

#hfileDescription li span {
    font-size: 13px;
    font-weight: bold;
    color: #636e7b;
}

#hfileDescription > li {
    clear: both;
    font-size: 13px;
    padding: 7px 0 0;
    word-wrap: break-word;
    line-height: 21px;
    color: #636e7b;
}

#hfileDescription .ArmouryfolderPath {
    width: 62% !important;
}

#hfileDescription.viewFile #hCopyUrl {
    margin: 0 0 0 1px;
}

#DescriptionContainer > ul {
    background: linear-gradient(#f8f8f8, #f3f3f3);
    background: -webkit-linear-gradient(#f8f8f8, #f3f3f3);
    background: -moz-linear-gradient(#f8f8f8, #f3f3f3);
    background: -o-linear-gradient(#f8f8f8, #f3f3f3);
    border: 1px solid #d8d9db;
    list-style: none;
    margin: 36px 0 0;
    padding: 10px 15px 20px;
    max-height: 600px;
    overflow: auto;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#fileDescription li.title, #hfileDescription li.title {
    color: #ff962f;
    font-size: 21px;
    font-weight: bold;
    word-wrap: break-word;
}

#fileDescription .fileDetails {
    font-size: 13px;
    line-height: 21px;
    word-wrap: break-word;
}

#fileDescription .subTitle {
    font-size: 13px;
    color: #ff962f;
    line-height: 21px;
    word-wrap: break-word;
}

#fileDescription .helpSmallImage img {
    width: 100%;
}

#fileDescription .helpSmallImage {
    background: #f2f2f2;
    border: 1px solid #ccc;
    float: left; /*height:80px; width:80px;*/
    margin: 0 10px 0 0;
    padding: 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#fileDescription .helpLargeImage img {
    width: 100%;
}

#fileDescription .helpLargeImage {
    background: #f2f2f2;
    border: 1px solid #ccc;
    float: left; /*height:80px; width:80px;*/
    margin: 0 10px 0 0;
    padding: 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#fileDescription li span {
    font-size: 13px;
    font-weight: bold;
}

#fileDescription > li {
    font-size: 13px;
    padding: 7px 0 0;
    word-wrap: break-word;
    clear: both;
}

#fileDescription #Buttons {
    padding-top: 15px;
}

#hbtnTotalViewsValue {
    background: rgba(0,0,0,0) url("/Content/Images/ArmouryTotalViewsIcon.png") no-repeat 9px 7px;
    float: left;
    padding: 2px 13px 1px 30px;
    margin: 0 6% 0 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #2e2e2e;
    border-color: #ddd;
}

#hbtnTotalDownloadsValue {
    background: url("/Content/Images/ArmouryDownloadIcon.png") no-repeat 9px 5px;
    float: left;
    padding: 3px 12px 1px 32px;
    margin: 0 6% 0 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #2e2e2e;
    border-color: #ddd;
}

#hbtnTotalEmailsValue {
    background: url("/Content/Images/armouryMailIcon.png") no-repeat 9px 7px;
    float: left;
    padding: 3px 11px 1px 34px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #2e2e2e;
    border-color: #ddd;
}

#hbtnTotalViewsValue.k-button:active:hover, #hbtnTotalViewsValue.k-button.k-state-active:hover, #hbtnTotalViewsValue.k-list > .k-state-selected, #hbtnTotalViewsValue.k-state-selected, #hbtnTotalViewsValue.k-state-selected {
    background: rgba(0,0,0,0) url("/Content/Images/ArmouryTotalViewsIcon.png") no-repeat 9px 7px !important;
}

#hbtnTotalDownloadsValue.k-button:active:hover, #hbtnTotalDownloadsValue.k-button.k-state-active:hover, #hbtnTotalDownloadsValue.k-list > .k-state-selected, #hbtnTotalDownloadsValue.k-state-selected, #hbtnTotalDownloadsValue.k-state-selected {
    background: url("/Content/Images/ArmouryDownloadIcon.png") no-repeat 9px 5px !important;
}

#hbtnTotalEmailsValue.k-button:active:hover, #hbtnTotalEmailsValue.k-button.k-state-active:hover, #hbtnTotalEmailsValue.k-list > .k-state-selected, #hbtnTotalEmailsValue.k-state-selected, #hbtnTotalEmailsValue.k-state-selected {
    background: url("/Content/Images/armouryMailIcon.png") no-repeat 9px 7px !important;
}

#hfileDescription.viewFile #hCopyUrl {
    margin: 0 0 0 1px;
}

#btnTotalViewsValue.clsTotalViewsDisabled {
    background: url("/Content/Images/ArmouryTotalViewsIcon.png") no-repeat 9px 7px;
    border-color: #ddd;
    cursor: default;
}

#btnTotalDownloadsValue.clsTotalDownloadsDisabled {
    background: url("/Content/Images/ArmouryDownloadIcon.png") no-repeat 9px 5px;
    border-color: #ddd;
    cursor: default;
}

#btnTotalEmailsValue.clsTotalEmailsDisabled {
    background: url("/Content/Images/armouryMailIcon.png") no-repeat 9px 7px;
    border-color: #ddd;
    cursor: default;
}

    #btnTotalEmailsValue.clsTotalEmailsDisabled.k-button:active:hover, #btnTotalEmailsValue.clsTotalEmailsDisabled.k-button.k-state-active:hover, #btnTotalEmailsValue.clsTotalEmailsDisabled.k-list > .k-state-selected, #btnTotalEmailsValue.clsTotalEmailsDisabled.k-state-selected, #btnTotalEmailsValue.clsTotalEmailsDisabled.k-state-selected {
        background: url("/Content/Images/armouryMailIcon.png") no-repeat 9px 7px !important;
    }

#btnTotalDownloadsValue.clsTotalDownloadsDisabled.k-button:active:hover, #btnTotalDownloadsValue.clsTotalDownloadsDisabled.k-button.k-state-active:hover, #btnTotalDownloadsValue.clsTotalDownloadsDisabled.k-list > .k-state-selected, #btnTotalDownloadsValue.clsTotalDownloadsDisabled.k-state-selected, #btnTotalDownloadsValue.clsTotalDownloadsDisabled.k-state-selected {
    background: url("/Content/Images/ArmouryDownloadIcon.png") no-repeat 9px 5px !important;
}

#btnTotalViewsValue.clsTotalViewsDisabled.k-button:active:hover, #btnTotalViewsValue.clsTotalViewsDisabled.k-button.k-state-active:hover, #btnTotalViewsValue.clsTotalViewsDisabled.k-list > .k-state-selected, #btnTotalViewsValue.clsTotalViewsDisabled.k-state-selected, #btnTotalViewsValue.clsTotalViewsDisabled.k-state-selected {
    background: rgba(0,0,0,0) url("/Content/Images/ArmouryTotalViewsIcon.png") no-repeat 9px 7px !important;
}

#lblTotals .k-button, #hlblTotals .k-button {
    height: 28px;
}

.armourySearch {
    float: left;
}

#crearesharewindow {
    overflow: inherit;
}

.ARMInsideContainer .browseSearchContainer {
    position: relative;
}

    .ARMInsideContainer .browseSearchContainer .k-i-search {
        left: 5px;
    }

#divRoles .k-multiselect-wrap {
    padding-right: 0;
}

    #divRoles .k-multiselect-wrap .k-icon.k-clear-value.k-i-close {
        display: none !important;
    }

#lnkCreateFolder {
    color: #000;
    display: block;
    float: left;
    text-align: left;
    text-decoration: underline;
    margin-top: 7px;
    margin-left: 130px;
}

    #lnkCreateFolder:hover {
        text-decoration: none;
    }

.k-widget.k-window .btnActive {
    margin-right: 10px;
}

#searchDescriptionContainer > ul, #viewFileDescriptionContainer > ul {
    background: linear-gradient(#f8f8f8, #f3f3f3);
    background: -webkit-linear-gradient(#f8f8f8, #f3f3f3);
    background: -moz-linear-gradient(#f8f8f8, #f3f3f3);
    background: -o-linear-gradient(#f8f8f8, #f3f3f3);
    border: 1px solid #d8d9db;
    list-style: none;
    margin: 0px;
    padding: 10px 15px 20px;
    max-height: 600px;
    overflow: auto;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#divDocViewer .viewer_header {
    background: #000;
    min-height: 53px;
    border-bottom: none;
}

.new_head_tools_wrapper, #divDocViewer .navigation-bar, #divDocViewer .new_head_tools_dropdown_wrapper {
    height: 36px !important;
    padding: 0 1px !important;
    border-color: rgba(255,255,255,0.1) !important;
}

.new_head_tools_btn {
    background-position: -88px -1027px;
    border: 1px solid #777 !important;
    height: 28px !important;
    margin: 2px !important;
}

.head_tool_dropdown li.active a, .head_tool_dropdown li.active a:hover {
    background: #333 !important;
    color: #fff !important;
}

.head_tool_dropdown li a:hover {
    background: #e5e5e5 !important;
}

.head_tool_dropdown li a {
    padding-top: 5px !important;
    padding-bottom: 3px !important;
    color: #333 !important;
}

.head_tool_dropdown li.active a span.h_t_d_i_scroll {
    background-position: -597px -995px;
}

.head_tool_dropdown li.active a span.h_t_d_i_double {
    background-position: -596px -1036px;
}

.new_head_tools_wrapper .input_search {
    height: 23px !important;
    margin-top: 6px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    padding-right: 10px !important;
    width: 110px !important;
    background-position: -1167px -820px !important;
}

.new_head_tools_wrapper .input_search_clear {
    left: 95px !important;
    top: 10px !important;
}

.grpdx .new_head_input {
    background: #555 !important;
    border: 1px solid #777 !important;
    margin-top: 6px !important;
}

.grpdx .new_head_of {
    margin-top: 2px !important;
}

#showThumbanailBtn input[type="checkbox"] {
    width: auto;
    margin-top: 4px;
}

#showThumbanailBtn {
    text-align: center;
}

a#lnkFullscreenIcon.docFullscreenExit:before {
    content: "";
    width: 33px;
    display: block;
    height: 31px;
    top: 0;
    left: 0;
    border-bottom: 5px solid transparent;
    right: 0;
    bottom: 0;
    position: absolute;
    background: transparent url(/Content/images/DocViewerFullScreenOff.png) no-repeat center center;
    opacity: 1;
    z-index: 999;
}

#lnkFullscreenIcon {
    background: url(../Content/images/DocViewerFullScreenOn.png) no-repeat center center;
}

.col-xs-12.helpSearchTab {
    position: relative;
    z-index: 9;
    padding: 0;
}

.ARMHelpContainer #ARMTabNav {
    position: inherit;
    top: inherit;
    left: inherit;
}

.ARMHelpContainer .panel.panel-body.col-xs-12.armouryTabBorder {
    margin-top: -1px;
}

.ARMHelpContainer .armouryTabBorder .searchPanel.col-sm-12 {
    margin-bottom: 10px;
}

#HelpSearch {
    width: 100%;
    margin: 0;
    padding-left: 30px !important;
    padding-right: 5px !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.helpTopicContainer {
    border: 1px solid #ebebeb;
    display: block;
    float: left;
    padding: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
}

.helpSmallImage img {
    width: 100%;
}

.helpSmallImage {
    background: #f2f2f2;
    border: 1px solid #ccc;
    float: left;
    height: 90px;
    width: 90px;
    margin: 0 10px 0 0;
    padding: 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.helpShortDescription {
    font-size: 14px;
    line-height: 20px;
    max-width: 85%;
    overflow: hidden;
    height: 60px;
}

.ARMHelpContainer .col-sm-6.subtitle, .ARMVaultContainer .col-sm-6.subtitlem, .ARMInsideContainer .col-sm-6.subtitle {
    font-size: 19px;
    padding-top: 8px;
    font-weight: normal;
}

.ARMHelpContainer .armouryTabBorder .searchPanel.col-sm-12, .ARMVaultContainer .armouryTabBorder .searchPanel.col-sm-12, .ARMInsideContainer .armouryTabBorder .searchPanel.col-sm-12 {
    margin-bottom: 3px;
    margin-top: 10px;
}

.helpHeading {
    font-size: 18px;
    color: #333;
    max-width: 100%;
    overflow: hidden;
    height: 22px;
}

#divAddEditHelp .editor-label {
    width: 135px;
}

.panel-body.helpScreen {
    padding-left: 30px;
    padding-right: 30px;
}

.helpHeader {
    padding-bottom: 15px;
}

.helpSmallImage.pull-right {
    float: right;
    margin-right: 0;
}

h2#helpTitle {
    margin: 10px 0 0 0;
}

h4#helpSubTitle {
    margin: 0;
}

.panel-body.helpScreen #VideoContent {
    width: inherit;
    padding: inherit;
    margin: inherit;
    border: inherit;
    float: inherit;
}

.panel-body.helpScreen .helpSmallImage {
    border: 0px none;
    background: none;
}

.panel-body.helpScreen .helpLargeImage {
    padding: 10px 0 10px 0;
    margin-top: 10px;
    border-top: 1px solid #ccc;
    width: 670px;
    border-bottom: 1px solid #ccc;
}

.btn.btn-default.go-back {
    padding: 3px 5px 3px 3px;
}

.helpTopicContainer {
    cursor: pointer;
}

    .helpTopicContainer:hover {
        border-color: #ff962f;
    }

        .helpTopicContainer:hover .helpHeading > a {
            color: #ff962f;
        }

.col-xs-12.col-head {
    border-bottom: 1px solid #ccc;
    padding: 0 0 10px 0;
}

#helpFooter .col-md-12 {
    margin-top: 10px;
}

.panel-body.helpScreen, .panel-body.helpScreen .contentBox {
    padding-top: 5px;
    padding-bottom: 5px;
}

.helpScreen .viewer_mainwrapper {
    top: 0 !important;
}

.ARMHelpContainer .armouryTabBorder .searchPanel.col-sm-12 {
    margin-bottom: 10px;
}

.helpScreen .grpdx .pages_container > .doc-page {
    margin-left: inherit;
}

.helpScreen .doc_viewer {
    background: #fff !important;
}

.col-xs-12.helpSearchTab {
    position: relative;
    z-index: 9;
    padding: 0;
}

.HelpSearchContainer .k-icon.k-i-search {
    position: absolute;
    left: 10px;
    top: 6px;
}

.HelpSearchContainer .closeIcon.helpCloseIcon {
    position: absolute;
    top: 7px;
    right: 10px;
}

#divBrowseContainer #GridContainer .k-grid-content tr:hover {
    cursor: pointer;
}

.viewer_mainwrapper .thumbs_btn {
    background-color: #222 !important;
}

#divParentFolder #ParentFolder {
    background: #fff;
    height: 130px;
}

    #divParentFolder #ParentFolder .k-treeview .k-item {
        padding: 0 0 0 5px;
    }

/*==========ARMOURY-CSS===============*/

/*=============ARME-800==============*/
#divChartManipulation .k-widget.k-tooltip-validation {
    position: absolute;
}

#divChartManipulation .form-group.otherSiteKPI {
    margin: 10px 0 10px 10px;
}

#divChartManipulation .col-xs-12.editor-field {
    height: inherit;
}

#divChartManipulation #Description {
    margin-top: 0;
    padding: 5px;
}

#divChartManipulation .descriptionGroup {
    margin-bottom: 0;
}

#addAnotherSiteKPIWindow {
    display: none;
}

    #addAnotherSiteKPIWindow label {
        display: inline-block;
        width: 80px;
    }

.clientSiteSelection {
    display: inline-block;
}

    .clientSiteSelection .k-dropdown-wrap.k-state-default {
        background: #fff;
        line-height: 30px;
        box-shadow: none !important;
    }

#addAnotherSiteKPIWindow .one-way {
    background: url('/Content/content/web/sortable/one-way.png') no-repeat 50% 50%;
}

#addAnotherSiteKPIWindow .list-wrapper {
    overflow: auto;
    background: #fff;
    margin-right: 10px;
    padding: 10px;
    border: 1px solid #c5c5c5;
    border-radius: 5px;
    max-height: 200px;
    min-height: 200px;
}

#addAnotherSiteKPIWindow #sortable-listA, #addAnotherSiteKPIWindow #sortable-listB {
    width: 100%;
    min-height: 40px;
    margin: 0;
    padding: 0;
    border: 0 none;
}

#addAnotherSiteKPIWindow #sortable-listB {
    min-height: 200px;
}

#addAnotherSiteKPIWindow .list-item {
    list-style-type: none;
    width: 100%;
    margin: 5px 0;
    line-height: 20px;
    background-color: #eae8e8;
    color: #313131;
    border-radius: 3px;
    cursor: move;
    border: 1px solid #c5c5c5;
    padding: 0 5px;
    box-sizing: border-box;
}

#addAnotherSiteKPIWindow #placeholder.list-item {
    background-color: #ffffff;
    color: #777;
}

#dragDropKPIOuter {
    width: calc(100% - 100px);
    display: inline-block;
    vertical-align: top;
}

#addAnotherSiteKPIWindow .list-item .k-icon.k-i-close {
    background: #fff;
    border-radius: 50%;
    margin: 2px 0 0 5px;
    background-position: 2px 2px !important;
}

#addAnotherSiteKPIWindow #sortable-listA .k-button.tagitemcls {
    display: none;
}

#addAnotherSiteKPIWindow .move {
    border-radius: 3px;
    line-height: 18px;
}

#addAnotherSiteKPIWindow .col-xs-12 {
    padding: 0;
}

#addAnotherSiteKPIWindow {
    padding: 20px;
    padding-bottom: 0;
}

#addKPI {
    background: #ff962f;
    color: #fff;
    margin-right: 10px;
    padding-left: 15px;
    padding-right: 15px;
    border-color: #ff962f;
    font-size: 14px;
}

    #addKPI:hover {
        background: #ee7f12;
    }

#btnAddKPICancel {
    margin-right: 10px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
}

#addAnotherSiteKPIWindow .form-group:first-child, #addAnotherSiteKPIWindow .form-group:last-child {
    margin-bottom: 0;
}

#addAnotherSiteKPIWindow #sortable-listB .move {
    background-color: #ff962f;
    color: #fff;
    border-color: #ff962f;
    padding-top: 3px;
    font-size: 11px;
}

/*TABS CSS RESPONSIVE TABS*/
.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
}

.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none;
}

.r-tabs .r-tabs-panel {
    padding: 15px;
    display: none;
}

.r-tabs .r-tabs-accordion-title {
    display: none;
    margin-bottom: 5px;
}

.r-tabs-accordion-title.r-tabs-state-active {
    margin-bottom: 0;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
}

.r-tabs-panel.r-tabs-state-active {
    margin-bottom: 5px;
}
/* Accordion responsive breakpoint */
@media only screen and (max-width: 768px) {
    .r-tabs .r-tabs-nav {
        display: none;
    }

    .r-tabs .r-tabs-accordion-title {
        display: block;
    }
}
/* Tabs container */
.r-tabs {
    position: relative; /*background-color: #00c5ad;border-top: 1px solid #00c5ad;border-right: 1px solid #00c5ad;border-left: 1px solid #00c5ad;border-bottom: 4px solid #00c5ad;*/
    border-radius: 4px;
}
    /* Tab element */
    .r-tabs .r-tabs-nav .r-tabs-tab {
        position: relative; /*background-color: #00c5ad;*/
    }
    /* Tab anchor */
    .r-tabs .r-tabs-nav .r-tabs-anchor {
        display: inline-block;
        background-color: #ccc;
        padding: 7px 16px;
        text-decoration: none;
        font-size: 14px;
        color: #444;
        border: 1px solid #aaa;
        border-radius: 4px 4px 0 0;
    }
    /* Disabled tab */
    .r-tabs .r-tabs-nav .r-tabs-state-disabled {
        opacity: 0.5;
    }
    /* Active state tab anchor */
    .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
        background-color: white;
        border-bottom-color: #fff;
        position: relative;
        z-index: 1;
    }
    /* Tab panel */
    .r-tabs .r-tabs-panel {
        background-color: white;
        border: 1px solid #aaa;
        border-radius: 0 0 4px 4px;
        position: relative;
        top: -1px;
    }
    /* Accordion anchor */
    .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
        display: block;
        padding: 10px;
        background-color: #ccc;
        color: #444;
        text-decoration: none;
        font-size: 14px;
        border-radius: 4px;
        border: 1px solid #aaa;
    }
    /* Active accordion anchor */
    .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
        background-color: #fff;
        color: #444;
        border-radius: 4px 4px 0 0;
    }
    /* Disabled accordion button */
    .r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
        opacity: 0.5;
    }

li.r-tabs-state-active a {
    cursor: default !important;
}

/*=============End ARME-800==============*/
#divLinkedStationNames {
    margin-bottom: 10px;
}

#DVProductMappings .mCSB_container {
    height: 100%;
}

#divProduct.divProductadd .editor-field input.k-state-disabled {
    background: #fff;
    padding-left: 10px;
    color: #2e2e2e;
}

#gaReportGrid .k-grid-content {
    max-height: 470px;
}
/*============E-Views CSS===================*/
.statusToggle {
    display: inline-block;
    margin: 0 10px;
}

.editor-field.timeIntervalInput input.k-textbox {
    width: 6em !important;
    margin-right: 5px;
}

#TimeIntervalSecondPart {
    margin-left: 10px;
}

.k-grid tbody .k-command-cell .k-button:active:hover {
    background: none !important;
}

.statusBar {
    display: inline-block;
}

    .statusBar .editor-label {
        width: auto;
        margin-right: 5px;
    }

.lblPendingJobsContainer {
    display: inline-block;
    margin: 0 10px;
}

    .lblPendingJobsContainer .armIcon-Information {
        vertical-align: middle;
    }

    .lblPendingJobsContainer label {
        margin-left: 5px;
    }

.k-grid tbody .k-command-cell .k-button.k-grid-generateAuthToken {
    background: #ff962f;
    color: #fff;
    padding: 0 10px;
}

    .k-grid tbody .k-command-cell .k-button.k-grid-generateAuthToken:hover {
        background: #7d328a;
    }

#divAuthCodeExchange label.header {
    display: inherit;
}

#divAddEditGAConfig .statusToggle {
    margin-left: 0;
}

#divAddGoogleUser #btnCancel, #divAuthCodeExchange #btnAuthCancel {
    margin-right: 0;
}

#lblDownloadMsg a {
    text-decoration: underline;
}
/*============E-Views CSS===================*/

/*================DigiNow CSS===================*/
.digitAllConfig .k-grid-add, #supplierConfigWindow .k-grid-add {
    background: #ff962f;
    color: #fff;
    border-color: #ff962f;
}

    .digitAllConfig .k-grid-add:hover, #supplierConfigWindow .k-grid-add:hover {
        background: #7d328a;
        color: #fff;
        border-color: #7d328a;
    }

#backgroundProcessMsgWindow .editor-field {
    white-space: inherit;
}

#divZoomWindow .nav.nav-tabs {
    z-index: inherit;
}

#divPresetTab .k-grid-content tr {
    position: relative;
}

#divPresetTab .k-grid-content {
    min-height: 600px;
}

#KPIPresetList td[role='gridcell'] {
    position: relative;
    overflow: inherit;
}

.saveCopyCol .k-button {
    margin-right: 10px;
}

#variableInfoAcordion #ulHeatMap .k-item .k-group .k-item {
    border: 0 none;
}

#variableInfoAcordion .k-item .k-group .k-item .k-link.k-state-selected {
    background: #f0f0f0 !important;
    color: #444;
}
/*================DigiNow CSS===================*/

/*================Client Summary Data================*/

#clientSummaryChart.k-chart {
    height: 300px;
    margin-bottom: 20px;
}

.summaryDataBlock {
    margin-right: 30px;
}

#summarynoteBlock {
    position: absolute;
    width: 49%;
    left: 43.7%;
}

#ClientSummary .tab-content {
    display: inline-block;
    min-height: 560px;
    width: 100%;
}

.blockHeading, .blocknoteHeading, .blockgridHeading {
    line-height: 30px;
    font-size: 18px;
    border-bottom: 1px solid #4e4e4e;
}

.blocknoteHeading, .blockgridHeading {
    border: 0 none;
}

.summamryDataList, .summamryDataList ul {
    list-style-type: none;
    padding: 0;
    line-height: 25px;
    margin-top: 10px;
}

    .summamryDataList ul {
        margin-top: 0;
    }

#ClientSummary #popTabButtonUI li.active {
    border: 1px solid #ccc;
    border-bottom: 1px solid #fff;
}

#divResponseDataGrid a.armIcon-Trash {
    margin-left: 10px;
    vertical-align: middle;
}

#divImportSummary .totalerrRec {
    margin-bottom: 10px;
    font-weight: bold;
}

#divImportSummary thead.k-header {
    line-height: 28px;
}

#divImportSummary thead th {
    padding: 5px;
    border: 1px solid #c5c5c5;
}

#divImportSummary .totalerrRec {
    margin-bottom: 10px;
    font-weight: bold;
}
/*================Client Summary Data================*/
/*======MATCH JOB CSS===========*/

#divClientSelection {
    margin-bottom: 10px;
    padding-left: 10px !important;
}

    #divClientSelection div {
        display: inline-block;
        line-height: 25px;
    }

    #divClientSelection .summeryLableDetails {
        font-weight: bold;
        margin-right: 10px;
    }

#MatchJobDetails td, #MatchJobDetails th {
    padding: 5px;
    line-height: 20px;
}

#tblDelayMatchRange {
    margin: 0 auto;
}

#MatchJobDetails #divImports {
    margin-top: 20px;
}

#divMatchProcess #divImports {
    margin-top: 10px;
    margin-bottom: 10px;
}

#divResponseLabel, #divSpotLabel, #divResponseTypeLabel {
    line-height: 30px;
    font-weight: bold;
    font-size: 16px;
    border-bottom: 1px solid #ccc;
}

#divSpotSummary td, #divSpotSummary th, #divResponseSummary td, #divResponseSummary th, #tblResponseTypes td, #tblResponseTypes th {
    line-height: 16px;
    padding: 5px;
    border-bottom: 1px solid #e8e8e8;
}

#divMinSecRadio input[type="radio"], #divResidualRadio input[type="radio"] {
    margin: 0 5px 0 10px;
    vertical-align: middle;
}

.divSpotSummaryBox, .divResponseSummaryBox, .divResponseTypeBox {
    padding: 10px;
    background: #fff;
    margin-bottom: 10px;
}

#divResidualRadio {
    display: inline-block;
    margin: 0 10px;
}

#divImports .col-md-6 {
    box-sizing: border-box;
    width: 49%;
}

#divImports .col-md-12 {
    box-sizing: border-box;
    padding: 0;
    margin: 10px 0;
}

#divImports tr:nth-child(even) td {
    background: #f5f5f5;
}

#divImports tr:nth-child(even):hover {
    background: #efefef;
}

.divSpotSummaryBox.col-md-6 {
    margin-right: 10px;
}

#divMinSecRadio {
    margin: 10px 0;
}

.attributionVersion {
    margin-bottom: 10px;
}

#divMatchJobGrid #clearSearch {
    display: none;
}

#summaryRecentlogin .k-grid-norecords {
    min-height: 170px;
}

#ErrorLabel {
    padding: 10px;
}

#divErrorHeading {
    margin-bottom: 10px;
}

#divErrorSec {
    margin-bottom: 10px;
}

.sectionNameBlock.AudienceMangeLogo {
    background-position: 0 -200px;
}

.sectionNameBlock.SocialMangeLogo {
    background-position: 0 -150px;
}

.sectionNameBlock.DataAdmin {
    background-position: 0 -1650px;
}
/*======MATCH JOB CSS===========*/

#divResponseTypeButton label, #divKPITypeButton label {
    width: auto;
    margin-right: 10px;
}

.headerTemplate #divResponseTypeButton .k-button, .headerTemplate #divKPITypeButton .k-button {
    height: 25px;
    padding: 0 5px;
}

#divAddEditCompetitor .statusToggle {
    margin-left: 0;
}

#DMAgroup .k-multiselect-wrap {
    height: auto;
    min-height: 32px;
}

#DMAgroup .k-widget.k-multiselect {
    height: auto !important;
}

#DMAgroup .k-multiselect-wrap ul[id*='_taglist'] li.k-button {
    width: auto;
    background: #e9e9e9;
}

    #DMAgroup .k-multiselect-wrap ul[id*='_taglist'] li.k-button:hover {
        background: #e9e9e9;
    }

    #DMAgroup .k-multiselect-wrap ul[id*='_taglist'] li.k-button .k-icon.k-i-close {
        color: #ff962f;
    }

/*=====================SPOTTER CSS===============================*/
.iconExcelEdit {
    width: 30px;
    height: 30px;
    background: url(/Content/Images/rapsEnhanceSprite.png) -93px -360px no-repeat;
    display: inline-block
}

    .iconExcelEdit:hover {
        background-position: -123px -360px;
    }

.iconDatabaseEdit {
    width: 30px;
    height: 30px;
    background: url(/Content/Images/rapsEnhanceSprite.png) -33px -360px no-repeat;
    display: inline-block
}

    .iconDatabaseEdit:hover {
        background-position: -63px -360px;
    }
/*==================STATION MAPPING CSS ==================*/
#CostFileStationMapping table td.k-detail-cell .grid-editor {
    display: inline-block;
    width: 100%;
}

    #CostFileStationMapping table td.k-detail-cell .grid-editor .col-md-6 {
        width: 39%;
        text-align: center;
        line-height: 26px;
        margin-bottom: 0;
        margin-top: 10px;
    }


.mapStationTotal.col-md-6 {
    background: #fff;
    border-radius: 5px;
    padding: 3px 5px;
    width: 58% !important;
}

.mapStationTotal .divStatusToggle .k-switch-container {
    margin-left: 0px;
}

.mapStationTotal label {
    font-size: 18px;
    margin-bottom: 0px !important;
}

.mapStationTotal.col-md-6 p {
    margin-bottom: 2px;
}


#CostFileStationMapping table td.k-detail-cell .grid-editor .col-md-6 .col-md-6 {
    width: 48%;
}

.k-switch-on.k-state-focused, .k-switch-on:focus, .k-switch-off.k-state-focused, .k-switch-off:focus {
    box-shadow: none;
}

#CostFileStationMapping table td.k-detail-cell .grid-editor .col-md-6 .col-md-4 {
    box-sizing: border-box;
    width: 31.4%;
}

.MappedStation.k-grid .k-grid-content {
    min-height: 200px;
}

    .MappedStation.k-grid .k-grid-content .k-grid-norecords {
        min-height: inherit;
    }

#programmeGrid .k-grid-content-locked table tr:last-child td, #programmeGrid .k-grid-content table tr:last-child td {
    font-weight: bold
}

#divSelectedFileContainer .k-upload-status.k-upload-status-total {
    left: 0;
}

.searchPanelNav .form-group.col-md-6 {
    width: auto;
}

#responseTypeGrid .k-grid-norecords {
    min-height: 160px;
}

.summamryDataList li span {
    font-weight: bold;
}

    .summamryDataList li span.minuteweightlable, .summamryDataList li span.whitenoiselable {
        font-weight: normal;
    }

.summamryDataList ul#MinuteWeightLastEffDate, .summamryDataList ul#WhiteNoiseLastEffDate {
    display: inline-block;
    vertical-align: top;
}

    .summamryDataList ul#MinuteWeightLastEffDate li, .summamryDataList ul#WhiteNoiseLastEffDate li {
        font-weight: bold;
    }

.tag-this .tag {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: block;
    float: left;
    padding: 5px;
    text-decoration: none;
    background: #ff962f;
    color: #FFF;
    margin-right: 5px;
    margin-bottom: 5px;
    font-family: tahoma, sans-serif;
    font-size: 13px;
    max-width: 90%;
}

    .tag-this .tag span {
        word-wrap: break-word;
    }

    .tag-this .tag button {
        font-weight: bold;
        color: #FFF;
        text-decoration: none;
        font-size: 11px;
        background: none;
        border: none;
        cursor: pointer;
    }

#divSelectedFileContainer, #divSelectedShortImageFileContainer, #divSelectedLargeImageFileContainer {
    width: 50%;
}

.addEditHelpInfo {
    color: #757575;
    font-size: 13px;
    font-style: italic;
    padding: 4px 0 0;
    display: block;
    margin-bottom: 5px;
}

.tag-this .tag-this--invalid {
    /* background: #DF3645; */
    border: 1px dashed #DF3645;
    outline: white;
    color: #DF3645;
    border-radius: 5px;
    outline-color: #DF3645;
    line-height: 16px;
}

#clientSummaryChart {
    position: relative;
    min-height: 280px;
    border: 1px solid #e4e4e4;
    margin-bottom: 20px;
}

#divNotes .k-grid-norecords {
    min-height: 160px;
}

.chartVariableInfo .k-switch-label-off {
    right: 9px;
}

.chartVariableInfo .k-switch-label-off, .k-switch-label-on {
    width: calc(100% - 2em - 7px);
}

.stationBudgetGrid .k-grid-norecords {
    min-height: 68px;
}

/*==============CLASHING SPOTS=====================*/
.clashWithMinute {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 10px;
}

    .clashWithMinute .current {
        background: #fff;
    }

.clashSpots {
    width: 100px;
    display: inline-block;
    border: 1px solid #e4e4e4;
    border-radius: 10px;
    box-shadow: 0 1px 2px 0 #666;
    margin-right: 10px;
    padding: 10px;
    background: #f4f4f4;
}

    .clashSpots span {
        display: inline-block;
        width: 100%;
        text-align: center;
        font-size: 17px;
        font-weight: bold;
        line-height: 26px;
    }

    .clashSpots .clashTime {
        font-size: 14px;
        font-weight: normal;
    }

.k-warning.clashWarning {
    background: #ff962f;
    padding: 5px;
    margin: 10px;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
}

.clashWarning i {
    font-size: 20px;
    margin-right: 10px;
}

.clashActiveSpots .dataDiv {
    padding: 5px;
    display: inline-block;
}

.clashActiveSpots .k-textbox {
    width: 100px;
    margin-right: 10px;
}
/*=====================SPOTTER CSS===============================*/

@-o-keyframes fadeIt {
    0% {
        background-color: #FFFFFF;
    }

    50% {
        background-color: #99FF99;
    }

    100% {
        background-color: #FFFFFF;
    }
}

@keyframes fadeIt {
    0% {
        background-color: #FFFFFF;
    }

    50% {
        background-color: #99FF99;
    }

    100% {
        background-color: #FFFFFF;
    }
}

.sortedRow {
    background-image: none !important;
    -o-animation: fadeIt 3s ease-in-out;
    animation: fadeIt 3s ease-in-out;
}

#respContent td, #extrContent td, #excContent td {
    text-overflow: clip !important;
}

#divValidationWindow .k-window-action {
    visibility: hidden;
}

#CreateBtn {
    transition: linear 0.5s;
}
/*#endregion*/
.spanRAPSAttr {
    position: relative;
    bottom: 20px;
    display: inline-block;
    width: 185px;
}

.filterBtnArea.filterBtnAreaSite li.active.btnRAPS,
.filterBtnArea.filterBtnAreaSite li.active.btnCostSetting {
    background: #ff962f;
    color: #fff;
}

.filterBtnArea.filterBtnAreaSite {
    margin: 6px 0px 10px 5px;
    background: #bbb;
    border-radius: 8px;
    overflow: hidden;
}

    .filterBtnArea.filterBtnAreaSite li {
        color: #424040;
        width: 63px;
        padding: 6px 5px;
    }

.divSiteExtraInfoBtn span.k-switch-container span {
    width: 23px;
}

.divSiteExtraInfo {
    display: flex;
    margin: 8px 0;
}

.divSiteExtraInfoTitle {
    position: relative;
    top: 10px;
    margin-right: 13px;
}

.divClientCostKPIVisibilityBtn span.k-switch-container span {
    width: 23px;
}

.divClientCostKPIVisibility {
    display: flex;
    margin: 8px 0;
}

.divClientCostKPIVisibilityTitle {
    position: relative;
    top: 10px;
    margin-right: 10px;
}

.iRAPSAttrInfo {
    display: inline-block;
    margin-left: 6px;
    color: #ff962f;
}

/* Data Admin: End */

.disableFilterAreaSite ul:before {
    position: absolute;
    background: rgba(255,255,255,0.5);
    width: 163px;
    height: 36px;
    margin-top: -6px;
    margin-left: -8px;
    content: "";
    z-index: 1;
}

.configPopup .displayInputBlock {
    display: block;
}

#divMainChartTab h1#firstDrillDownHeader i {
    cursor: default;
}

/*=================KEEP THIS ALWAYS BOTTOM=============================*/
.k-i-wrench.k-icon {
    transform: scale(-1) rotate(-103deg);
}

.removeRightMargin {
    margin-right: 0;
}

.leftBorder .col-md-12 {
    margin-bottom: 0;
}

.removeLeftMargin {
    margin-left: 0;
}

.k-button:focus {
    border-color: #bbb;
    outline: none;
}

:focus {
    outline: none;
}

.k-grid input:focus {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
}

.successNotification i[class*="armIcon-"] {
    color: #fff;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #000 !important;
    opacity: 0.3 !important;
}

#leftMainMenu .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #fff !important;
    opacity: 0.3 !important;
}

.move {
    cursor: move;
}

label, .k-block, .k-content, .k-dropdown .k-input, .k-popup, .k-toolbar, .k-widget {
    color: #333;
}

.k-window-title {
    font-size: 15px;
    width: 90%;
}

.k-widget.k-popup.k-notification {
    color: #fff;
    background-image: none;
}

.k-widget.k-window .k-window-content .k-button:focus {
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.3) !important;
}

.nav-tabs > li.active a i.armIcon-ExcelExport {
    color: #333;
}

.listKpiDetailsTooltip {
    word-wrap: break-word;
    max-height: 150px;
    overflow-y: auto;
}

svg.facebook {
    fill: #fff;
    background-color: #3b5998;
    border-color: #3b5998;
}

.openidconnect {
    padding: 0 15px;
}

    .openidconnect span.logo {
        background-image: url(/Content/images/okta.png);
        width: 80px;
        height: 25px;
        background-size: contain;
        background-repeat: no-repeat;
        display: block;
    }
/*=================KEEP THIS ALWAYS BOTTOM=============================*/
.siteGridManage td .overflowText, .listBoxContainer .listBoxItem.overflowText {
    min-width: inherit;
    max-width: 180px;
    display: inline-block;
    vertical-align: middle;
}

.listBoxContainer .listBoxItem.overflowText {
    max-width: 240px;
}

.k-widget.k-multiselect.customMultiSelectDdl {
    height: 34px;
    width: 16em;
    background: inherit;
}

    .k-widget.k-multiselect.customMultiSelectDdl .k-multiselect-wrap {
        height: 31px;
        padding-right: 3px;
        line-height: 26px;
    }

.nav > li > a:hover,
.nav > li > a:focus {
    background-color: none;
}

#leftMainMenu.nav > li > a:hover,
#leftMainMenu.nav > li > a:focus {
    background-color: #f0f0f0;
}

.ChartDataDivZoom[id*="reportAreaZoom"] .popover {
    top: 0;
}

    .ChartDataDivZoom[id*="reportAreaZoom"] .popover.left > .arrow {
        top: 18px;
    }

#iZeroKPI {
    width: 32px;
    height: 32px;
    display: inline-block;
    background: url(/Content/Images/lessThan.png) left top no-repeat;
    vertical-align: top;
}

    #iZeroKPI:hover, #iZeroKPI.active {
        background: url(/Content/Images/lessThanHover.png) left top no-repeat;
    }

#divSearchWindow #appliedFilterData {
    max-height: 96px;
    overflow: auto;
}

.k-checkbox:checked:disabled + .k-checkbox-label:active:before, .k-checkbox:checked:disabled + .k-checkbox-label:before, .k-checkbox:checked:disabled + .k-checkbox-label:hover:before {
    background: #fff;
    color: #ff962f;
    border: 1px solid #ff962f;
}

#divSearchWindow #appliedFilterData {
    max-height: 75px;
    overflow: auto;
}

.armIcon-RealoadArrow.pull-right {
    margin-right: 10px;
    padding-top: 3px;
}

.nav-tabs > li.active a i.armIcon-ExcelExport {
    color: #333 !important;
    cursor: pointer;
}

    .nav-tabs > li.active a i.armIcon-ExcelExport:hover {
        color: #ff962f !important;
        cursor: pointer;
    }


.viewLink {
    color: #333;
}

    .viewLink:hover {
        color: #333;
        cursor: text;
    }

    .viewLink .armIcon-Preview {
        color: #333;
        vertical-align: middle;
        margin-left: 10px;
        font-size: 20px;
        float: right;
        cursor: pointer;
    }

    .viewLink:hover .armIcon-Preview {
        color: #ff962f;
    }

.linkspan.overflowText {
    display: inline-block;
    width: 77%;
    max-width: 77%;
    min-width: 77%;
}

.headerQuotes {
    margin-left: 265px;
    margin-top: 10px;
}

    .headerQuotes div {
        margin-top: 15px;
        margin-left: 242px;
        color: #fff;
    }

    .headerQuotes span {
        font-family: cursive;
        font-style: italic;
        display: block;
        width: 470px;
        padding: 5px;
        background: #ff962f;
        color: #fff;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        line-height: 15px;
        letter-spacing: 1px;
        box-shadow: 0 3px 10px 5px rgba(255, 255, 255, .2);
    }

        .headerQuotes span:before {
            content: '';
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            border-top: 10px solid transparent;
            border-bottom: 14px solid transparent;
            border-right: 14px solid #ff962f;
            left: 525px;
            top: 38px;
        }

.groupdocs_viewer_wrapper {
    width: 100% !important;
}

.siteManagement .k-tooltip {
    position: static !important;
    left: 0 !important;
}

#uploadSummaryCharts > ul > li.k-item.k-state-default.k-tab-on-top.k-state-active {
    background: #fff;
    border-top: 2px solid #ff962f;
}

p.pStnMapping {
    margin-top: 10px;
    margin-bottom: 0px;
}

ul#ulTabCostStation:after {
    content: "";
    border: 1px solid #e6e6e6;
    border-width: thin;
    width: 99%;
    position: absolute;
    left: 4px;
    bottom: 0;
    overflow: hidden;
}

#ulTabCostStation li.k-item.k-state-default.liTabCostStation.k-tab-active:after {
    border-bottom: transparent;
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 1;
    border: 2px solid #fff;
}

.uploadFile .k-upload {
    position: relative;
    border-width: 2px;
    border-style: dashed;
}

#pressTemplateContainer .linkspan.overflowText {
    display: inline-block;
    width: 63%;
    float: left;
    max-width: 63%;
    min-width: 63%;
}

#pressTemplateContainer .viewLink {
    color: #333;
    display: inline-block;
    float: right;
    width: 20%;
}

#pressTemplateContainer .k-grid-header-wrap.k-auto-scrollable table thead tr th:nth-child(2) a {
    text-align: center;
}

#pressTemplateContainer .k-grid-content.k-auto-scrollable table tbody tr td:nth-child(2) {
    text-align: center;
}

#pressTemplateContainer .uploadFile .k-dropzone em {
    left: 12%;
}

.uploadContentDiv .uploadFile .k-dropzone em {
    left: 14%;
}

#pressTemplateContainer .linkspan.overflowText {
    display: inline-block;
    width: 63%;
    float: left;
    max-width: 63%;
    min-width: 63%;
}

#pressTemplateContainer .viewLink {
    color: #333;
    display: inline-block;
    float: right;
    width: 20%;
}

#pressTemplateContainer .k-grid-header-wrap.k-auto-scrollable table thead tr th:nth-child(2) a {
    text-align: center;
}

#pressTemplateContainer .k-grid-content.k-auto-scrollable table tbody tr td:nth-child(2) {
    text-align: center;
}

#pressTemplateContainer .uploadFile .k-dropzone em {
    left: 12%;
}

.uploadContentDiv .uploadFile .k-dropzone em {
    left: 14%;
}

/*#CostFileStationMapping .k-grid-header-wrap:first-child table colgroup col, 
#CostFileStationMapping .k-grid-content:first-child table colgroup col {
    width: 82px;
}*/

#gridUnsavedStation .k-grid-content.k-auto-scrollable table tr td:last-child {
    text-align: right;
}

#gridUnsavedStation table tr th[data-field="SecLength"], #gridUnsavedStation .k-grid-content.k-auto-scrollable table tr td:nth-child(4) {
    text-align: center;
}

#responseImportsMainContainer .uploadFile .k-dropzone em, #spotImportsMainContainer .uploadFile .k-dropzone em, #pressTemplateContainer .uploadFile .k-dropzone em {
    left: 0;
    position: absolute;
    right: 0;
    transform: inherit;
    margin-top: -47px;
}

#spotterImport #uploadFormWizard .uploadFile .k-dropzone {
    width: 300px;
    margin: 0 auto;
    border-style: none;
}

.armIcon-Information.infoSmallIcon {
    font-size: 13px;
    margin-left: 4px;
    position: relative;
    top: 2px;
}

    .armIcon-Information.infoSmallIcon.InfoBrown {
        color: #8a6d3b;
    }

        .armIcon-Information.infoSmallIcon.InfoBrown:hover {
            color: #ff962f
        }

.clsInfoLPTagAPI {
    font-size: 15px !important;
    position: relative;
    right: 9px;
    top: 0 !important;
}

#divPulseKPIFacts.k-grid .k-auto-scrollable td:last-child, #divPulseKPIFacts.k-grid .k-auto-scrollable th:last-child {
    border-right-width: 1px;
}

#divPulseKPIFacts.k-grid .k-auto-scrollable td:last-child, #divPulseKPIFacts.k-grid .k-auto-scrollable th:last-child {
    border-right-width: 1px;
}

#leftMainMenu li a span:hover {
    color: #ff962f;
}

.lineGridTable#manageAlertContainer .k-grid-content.k-auto-scrollable {
    height: 470px !important;
}

div#divChartKPIDesignPopUp {
    overflow: unset;
}

div#divFiltersGrid {
    overflow: auto;
}

/* Internet explorer 11 fix */
_:-ms-fullscreen, :root .popDonutChart #donutChart {
    left: -71px;
}

_:-ms-fullscreen, :root .DashLineChart #DashLineChart {
    left: -21px;
    width: 200px;
}

/* infinite Spinner Loader*/

.k-loading-mask {
    background: rgba(228, 231, 234,0.5)
}

.downloadIcon {
    background: url(/Content/images/downloadIconGrey.png) no-repeat;
    display: block;
    width: 25px;
    height: 25px;
    text-align: center;
}

    .downloadIcon:hover {
        background: url(/Content/images/downloadIconOrange.png) no-repeat;
    }

#crearesharewindow .editor-field:nth-child(3) label {
    display: none;
}

#crearesharewindow .editor-field:nth-child(3) {
    white-space: nowrap;
    align-items: center;
    width: 100%;
    text-align: center;
}

#zoomReportArea .tooltipTemplateDiv {
    max-height: 200px;
    overflow: auto;
}

span.pin_panel {
    color: #ff962f;
    margin: 9px 10px 0 0;
    display: inline-block;
    vertical-align: top;
    z-index: 999;
    font-size: 21px;
    color: #4e4e4e;
    transform: rotate(90deg);
}

    span.pin_panel.activePin {
        color: #ff962f;
        transform: rotate(0deg);
    }

i.slideVariableinfo.left-slide.k-icon.k-i-filter {
    display: inline-block;
    font-size: 21px;
    margin: 5px;
    color: #ff962f;
    transform: rotate(0deg);
    margin: 7px 8px;
}

#addoperatrField, #addLevelField {
    background: #fff;
}

.customSwitch {
    border-radius: 34px;
    background-color: #fff;
    display: inline-block;
    box-shadow: 0 0 5px -1px rgba(0,0,0,0.7);
}

    .customSwitch span {
        padding-left: 10px;
        padding-right: 10px;
        display: inline-block;
        border-radius: 34px;
        max-width: 120px;
        min-width: initial;
        line-height: 30px;
        vertical-align: middle;
        cursor: pointer;
    }

        .customSwitch span.active {
            background-color: #ff962f;
            color: #fff;
        }

#uploadFormWizard .chartVariableInfo {
    display: block;
}

.digiNowDashboard .searchForm {
    margin-bottom: 5px;
}


#releaseNoteContent {
    display: none;
    flex-flow: column nowrap;
    width: 380px;
    position: absolute;
    top: 0px;
    right: 5px;
    z-index: 9999;
    min-width: 380px;
    box-shadow: 0 25.6px 57.6px 0 rgb(0 0 0 / 22%), 0 4.8px 14.4px 0 rgb(0 0 0 / 18%);
    background-color: #fff;
    height: 78%;
    max-height: 580px;
    padding-top: 10px;
}

.releaseNoteScroll {
    height: 87%;
    overflow: hidden;
}

#releaseNoteContent .header span.k-icon.k-i-close {
    position: absolute;
    right: 3px;
    top: 3px;
    background: #ff962f;
    color: #fff;
    border-radius: 50%;
    font-size: 15px;
    padding: 10px;
    display: inline-block;
}

#releaseNoteContent .hidden {
    display: none;
}

#releaseNoteContent .header {
    box-sizing: border-box;
    padding: 8px 8px;
    display: flex;
}

#releaseNoteContent h4 {
    font-weight: 600;
    line-height: 28px;
    flex: 0 1 auto;
    margin-right: 16px;
}

#releaseNoteContent .header h4 {
    font-size: 17px;
}

.releaseNotes p {
    font-size: 14px;
}

#releaseNoteContent .close-action {
    display: flex;
    flex: 1 0 auto;
    justify-content: flex-end;
}

#releaseNoteContent .k-i-close {
    font-size: 24px;
    cursor: pointer;
    font-weight: normal;
}

#releaseNotes ul {
    padding-left: 22px;
    border-bottom: 1px solid #d8d7d7;
}

    #releaseNotes ul:last-child {
        border-bottom: none;
    }

#releaseNoteContent div a {
    display: inline-block;
    background: #ff962f;
    padding: 5px 8px;
    margin: 10px;
    border-radius: 5px;
    color: #fff;
}

.newReleasesTbl tr th, .newReleasesTbl tr td {
    border: 1px solid #d5d5d5;
}

#releaseNotes div p {
    color: #ff962f;
}

.ReleaseNotes {
    background-position: left -1850px;
}

.releaseNotesWrap .k-panelbar > .k-item > .k-link {
    background: #fff;
}

    #lnkReleaseNotes.ReleaseNotesActive:after, .releaseNotesNav .releaseNotes:after {
        content: "";
        border: 1px solid #ff962f;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
    }

#chartDataContainer ul.nav.nav-tabs.ULvariableData {
    z-index: 3;
}

/*css for legends start*/
.legendTemplateS.legendItemTemplate > div, .legendcustomS.legendScroll, .legendcustomS.legendvcScroll {
    width: 98%;
    max-height: 60px;
    margin: 10px auto;
    overflow: auto;
    text-align: center;
}

.legendcustomS .legend-item {
    font: 12px sans-serif;
    margin: 2px;
    cursor: pointer;
    display: inline-block;
}

    .legendcustomS .legend-item .legend-marker {
        display: inline-block;
        width: 8px;
        height: 8px;
        position: relative;
        bottom: 3px;
    }

.legendcustomS.legendScroll span.legend-item span:last-child,
.legendcustomS.legendvcScroll span.legend-item span:last-child {
    max-width: 300px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
}

.headerBreadcrumb ul li a span {
    bottom: -24px;
}

#ulHeatMap input {
    margin-right: 5px;
}

#tweetshow p {
    display: inline-block;
    width: 100%;
    height: 222px !important;
}

.PopKpiInsightSection, .KPIAndTweetDiv {
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ededed;
}

.topStations, .dailySalesChart, .totalCostDonut, .salesByStations {
    background: #fff;
    border-radius: 5px;
    height: 382px;
    padding-top: 5px;
    border: 1px solid #ededed;
}

.SyncYaxisMaxValue {
    margin-left: 4px;
    bottom: 5px;
    position: relative;
    margin-bottom: 3px;
}

#kpiDetail #lblKPIInsight {
    margin-left: 8px;
}

#CompareDayHeader {
    margin: 0;
    float: right;
    position: absolute;
    top: 47px;
    right: 12px;
    display: inline-block;
}

.topStations h1, .dailySalesChart h1 {
    font-weight: normal;
    font-size: 17px;
    margin-left: 10px;
}

div#divTopFirstStation h1 img {
    max-width: 58px;
    height: auto;
}

.topStations h1 {
    margin-bottom: 3px;
}

span#SalesByStationKPItext {
    margin-left: 10px;
}

.totalCostDonut h1 span {
    margin-left: 10px;
}

.topStations .tab-content {
    box-shadow: none;
}

.topStations ul.nav.nav-tabs {
    margin-left: 9px;
}

.topStations .nav-tabs > li.active {
    border: none;
}

    .topStations .nav-tabs > li.active a {
        background: #ff962f;
        color: #fff;
        border: none;
        border-radius: 7px 7px 0px 0px;
    }

.topStations .nav-tabs.ULvariableData li {
    background: #efefef;
    border: none;
    border-radius: 7px 7px 0px 0px;
}

.topStations .nav-tabs > li a, .popCompaire .nav-tabs > li a {
    padding: 7px 8px;
    border-radius: 7px 7px 0px 0px;
}

.popCompaire #tabstrip {
    padding: 0 10px;
}

#ChangeBackground.PopKpiInsightSection.darkTheme .dashboardSection h1 {
    margin-left: 15px;
}

input#btnGridLoadMore {
    font-size: 14px;
    padding: 2px 7px;
}

.topStations .tab-content {
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}

.ULvariableData.dashtopNav {
    margin-left: 0;
}

.topStations #divTopFirstStation {
    height: 38px;
}

/*.mediaTypeSearch span.k-widget.k-dropdown {
    width: 123px;
    min-width: auto;
}

div#ProductContainer .k-widget.k-multiselect.customMultiSelectDdl {
    width: 150px;
    min-width: auto;
}*/

.dashtopNav li.pull-right {
    background: none;
    border: none;
}

#btnClientUserView {
    background-image: url(/Content/Images/sprite.png);
    background-repeat: no-repeat;
    background-position: -282px -125px;
    display: inline-block;
    width: 31px;
    height: 27px;
}

    #btnClientUserView:hover {
        background-position: -282px -156px;
    }

#btnLoadMySettingView {
    background-image: url(/Content/Images/sprite.png);
    background-repeat: no-repeat;
    background-position: -282px -187px;
    display: inline-block;
    width: 31px;
    height: 27px;
}

    #btnLoadMySettingView:hover {
        background-position: -282px -218px;
    }

.popover.PopComparison {
    top: 126px !important;
}

    .popover.PopComparison .arrow {
        top: 29%;
    }

span.indirectEffect.pull-right {
    margin-left: 10px;
}

#tweetshow .twitter-timeline.twitter-timeline-rendered {
    width: 100% !important;
}

.ChartDataDiv #tooltipTemplateDiv #tooltipTable, #divMainChartTab #tooltipTable {
    width: 100%;
}

.dropdownZindex, .dropdownZindexdate {
    z-index: 9 !important;
}

.form-campaingDatePicker .campaignDatePresetContainer {
    z-index: 9 !important;
}

.editKPItext {
    width: 180px;
    display: inline-block;
    margin-left: 5px;
}

#divKPIManipulation .kpiRollingtext {
    position: relative;
    display: block;
}

#KPI_Enabled {
    margin-bottom: 12px;
}

.multisearchRaps .k-widget.k-multiselect .k-multiselect-wrap {
    display: flex;
}

.multisearchRaps #ddlProduct_taglist, .multisearchRaps #ddStation_taglist, .multisearchRaps #programmeList_taglist {
    max-width: 90px;
}

.multisearchRaps .k-widget.k-multiselect {
    width: 200px;
}

#divAddEditTVBrandMapping .multisearchRaps .k-widget.k-multiselect {
    width: 210px;
}

.multisearchRaps .k-widget.k-multiselect input {
    width: auto !important;
}

.multisearchRaps .k-multiselect-wrap #ddlProduct_taglist:after, .multisearchRaps .k-multiselect-wrap #ddStation_taglist:after, .multisearchRaps .k-multiselect-wrap #ddlEmailList_taglist:after, .multisearchRaps .k-multiselect-wrap #ddlProducts_taglist:after, .multisearchRaps .k-multiselect-wrap #ddlProductIds_taglist:after, .multisearchRaps .k-multiselect-wrap #ddlKPIGrpNamefield_taglist:after, .multisearchRaps .k-multiselect-wrap #ddlKpi_taglist:after, .multisearchRaps .k-multiselect-wrap #ddlResponseTypes_taglist:after, .multisearchRaps .k-multiselect-wrap #ddlStandardVariables_taglist:after, .multisearchRaps .k-multiselect-wrap #ddlExtraSpotLevelVariables_taglist:after, .multisearchRaps .k-multiselect-wrap #ddlExtraResponseLevelVariables_taglist:after, .multisearchRaps .k-multiselect-wrap #ddlExtraResponseLevelValues_taglist:after, .multisearchRaps .k-multiselect-wrap #programmeList_taglist:after {
    content: "";
    background: url("/Content/images/sprite.png");
    background-position: -99px -378px;
    position: absolute;
    top: 4px;
    right: 8px;
    width: 25px;
    height: 23px;
    opacity: 0.5;
}

.multisearchRaps .k-multiselect-wrap span.k-select {
    right: auto;
    left: -2px;
}

.rapsNew .multisearchRaps .k-multiselect-wrap span.k-select {
    right: auto;
    left: -26px;
}

.rapsNew .multisearchRaps #ddlProduct_taglist span:first-child {
    width: 64px;
    overflow: hidden;
}

.multisearchRaps .k-multiselect-wrap li {
    padding: 1px 0 0 16px;
}

.multisearchRaps .k-multiselect-wrap .k-i-close {
    font-size: 16px;
    color: #bbb;
    border: none;
    right: calc(1em - 12px);
}

.raspsDashboard .k-multiselect-wrap #ddlProduct_taglist li.k-button, .raspsDashboard .k-multiselect-wrap ul[id*='_taglist'] li.k-button {
    display: flex;
    white-space: nowrap;
    position: relative;
    top: 2px;
}

#selectedprogramme .k-multiselect .k-input {
    width: 60px !important;
}

.helpShortDownload {
    position: absolute;
    right: 12px;
    top: 1px;
    background: #fcfcfc;
    z-index: 4;
    font-weight: bold;
    color: #4e4e4e;
}

    .helpShortDownload span {
        padding: 18px;
        background: url(/Content/Images/downloadIconGrey.png) no-repeat;
        background-position: 9px 7px;
        display: block;
    }

    .helpShortDownload:hover, .helpShortDownload a:hover {
        color: #fe973f;
        cursor: pointer;
    }

        .helpShortDownload:hover span {
            background: url(/Content/Images/downloadIconOrange.png) no-repeat;
            background-position: 9px 7px;
        }

#divLinkDatabaseInfo .editor-field .editor-field {
    font-size: 16px;
    padding-bottom: 11px;
}

    #divLinkDatabaseInfo .editor-field .editor-field input {
        position: relative;
        top: 2px;
        left: 5px;
    }
.conversionTypeContent .conversiontype {
    position: absolute;
    z-index: 9;
    right: 15px;
    top: 15px;
}
div#divconversionInfo {
    position:relative;
}

.dcmContent .dcminfoconversion {
    position: absolute;
    z-index: 9;
    right: 15px;
    top: 15px;
}

.dsContent .ds3infoconversion {
    position: absolute;
    z-index: 9;
    right: 15px;
    top: 15px;
}

.supplierContent .supplierContentinfoconversion {
    position: absolute;
    z-index: 9;
    right: 15px;
    top: 15px;
}

.mediaOwnedRate .mediaOwnedRateinfo {
    position: absolute;
    z-index: 9;
    right: 15px;
    top: 19px;
}

.inputManagement .inputManagement {
    position: absolute;
    z-index: 9;
    right: 15px;
    top: 19px;
}

.conversiontypeinfo.infoChart.pull-right.active .armIcon-Information {
    color: #ff962f;
}

.dcminfo.infoChart.pull-right.active .armIcon-Information {
    color: #ff962f;
}

.ds3info.infoChart.pull-right.active .armIcon-Information {
    color: #ff962f;
}

.supplierContentinfo.infoChart.pull-right.active .armIcon-Information {
    color: #ff962f;
}

.mediaOwnedRate.infoChart.pull-right.active .armIcon-Information {
    color: #ff962f;
}

.inputManagement.infoChart.pull-right.active .armIcon-Information {
    color: #ff962f;
}

.forecast.infoChart.pull-right.active .armIcon-Information {
    color: #ff962f;
}

div#customTooltipRapsure #tooltipTable {
  min-width: 100%;
}

.scrollingTooltip tr.radio {
    display: contents;
}

#DVCompetitor .alert-success, #DVProductMappings .alert-success {
    padding: 4px 7px;
    background-color: #03994d;
    color: #ffffff;
    border-radius: 7px;
    font-size: 12px;
    font-weight: bold;
}

#DVCompetitor .UnmappedProductsWarn, #DVProductMappings .UnmappedProductsWarn {
    background-color: #ff962f;
    border-radius: 7px;
    font-size: 11px;
    padding: 4px 7px;
    position: relative;
    bottom: 0;
    right: -16px;
    color: #ffffff;
    font-weight: bold;
}

#fnNoData .noData {
    font-size: 20px;
    top: 42%;
}

#divFilmnumberConfigWindow .actionBtnBlck #btnCancelFNConfigWindow {
    margin-top: 5px;
}
.pressDuplicateactBox div {
    display: flex;
    margin-bottom: 8px;
}

    .pressDuplicateactBox div input {
        position: relative;
        bottom: 5px;
    }
.pressduplicateRadio input {
    position: relative;
    top: -11px;
    display: inline-block;
}

/* Custom loader for domo iframe */

#customloader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(228, 231, 234, 0.5);
    z-index: 10000;
}

#customStatus {
    position: absolute;
    top: 8%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.SpinnerAll {
    width: 50px;
    height: 50px;
}

#contentBlock .clientGroupInformation .activeDetails .col-md-4 {
    margin: 0;
}

#ddlProduct-list, #ddlResponseType-list, #ddlKPIList-list, #ddlProduct_listbox, #ddlVariable-list, #ddStation-list, #ddlStation-list, #ddlClient-list, #ddlCompetitors_listbox, #ddlFocus_listbox, #ddlFocus_listboxHead, #ddlClientGroup-list,
#ddlProduct_listboxHead {
    width: auto !important;
    min-width: 200px;
    white-space: nowrap !important;
}

    #ddlProduct-list .overflowText, #ddlResponseType-list .overflowText, #ddlKPIList-list .overflowText,
    #ddlProduct_listbox .overflowText, #ddlVariable-list .overflowText, #ddStation-list .overflowText, #ddlStation-list .overflowText,
    #ddlClient-list .overflowText, ddlCompetitors_listbox .overflowText, #ddlFocus_listbox .overflowText, #ddlFocus_listboxHead .overflowText,
    #ddlClientGroup-list .overflowText, #ddlProduct_listboxHead .overflowText {
        text-overflow: unset;
        max-width: none;
    }

.drillCompetitorProductGrid.k-grid.k-widget.k-display-block {
    height: auto !important;
    max-height: 200px;
}

.drillCompetitorProductGrid .k-grid-content.k-auto-scrollable {
    height: auto !important;
    overflow: auto;
    max-height: 122px;
}

    .drillCompetitorProductGrid .k-grid-content.k-auto-scrollable .k-grid-norecords {
        min-height: 82px;
    }


    .drillCompetitorProductGrid .k-grid-content.k-auto-scrollable .k-grid-content-expander {
        display: none;
    }
p#clientTextInput {
    position: absolute;
    right: 5%;
    top: -59px;
    border-radius: 5px;
    z-index: 99;
    font-size: 19px;
    padding: 1px 10px;
    background-color: #ffffff;
    border-color: #faebcc;
    color: #000000;
}
#SelectedProducts-list ul#SelectedProducts_listbox {
    word-break: break-all;
}
div#divCreateInsights .k-switch {
    width: 67px;
}

.DirectoryManipulationWrap {
    width: 50%;
    float: left;
}

.DirectoryManipulationWrapBtn {
    clear: both;
    width: auto;
    position: absolute;
    bottom: 0px;
    left: 28%;
}

#grpParentFolder span#ParentFolder_validationMessage {
    position: absolute;
    left: 0;
    margin-top: 30px;
}

#lnkCreateFolder {
    margin-top: -20px;
    margin-left: 212px;
    position: absolute;
}

#divFileDescription .queryTextArea {
    width: 287px;
}

div#divSubType input {
    margin-right: 4px;
}

.k-widget.k-window.customWidthPopup.divDMainpulation {
    height: auto !important;
}

div#divDirectoryManipulation {
    padding-bottom: 56px;
}

#grpParentFolder span#ParentFolder_validationMessage {
    position: absolute;
    left: 0;
    margin-top: 30px;
    padding: 0px 5px;
}

#divLinkFilmNumber a i {
    margin-left: 5px;
}

#divFolderName span#FolderName_validationMessage {
    position: absolute;
}

#showMediaandProductPopup {
    text-decoration: underline;
    font-size: 13px;
    padding: 3px 8px;
    position: absolute;
    top: 7px;
    right: 1px;
    color: #000;
    cursor: pointer;
}

.k-widget.k-window.customWidthPopup.divDMainpulation {
    z-index: 99996 !important;
}

div#MediaAndProduct {
    background: #dbd8d8;
    padding: 10px;
}

#ddlProduct_listbox li {
    white-space: break-spaces;
    word-break: break-all;
}

div#grpFilmLink {
    position: relative;
}
#MediaAndProduct i.k-icon {
    position: relative;
    bottom: 1px;
}
.DirectoryManipulationWrap div#divFile {
    width: 290px;
}

.DirectoryManipulationWrap div#divFileName input {
    padding-right: 7px;
}

input#rbtnDeleteDataWithinDateRange {
    top: -10px;
}

input#rbtnOverwriteEveryThing {
    top: -5px;
}

#unmatchJobStatus{
    line-height : 21px;
}

ul#ddlFilmNumber_listbox {
    background: #e9e9e9;
}

div#ddlFilmNumber-list {
    background: #e9e9e9;
}

#ddlFilmNumber-list .k-list-optionlabel.k-hover {
    font-weight: normal;
}

#ddlFilmNumber-list .k-list-optionlabel {
    font-weight: normal;
    border: none;
}


#ddlFilmNumber-list .k-list-item.k-selected {
    box-shadow: none;
}

.tabstrip-container  #btnApplySortOrder {
    top: 51px !important;
    right: 22px !important;
}
 
.tabstrip-container  .dailyPulseChart {
    padding-top: 45px !important;
}
#ErrorMessageArea {
    max-height: 217px;
    display: block;
    overflow: auto;
}

    #ErrorMessageArea table {
        width: 98% !important;
    }

div#dailyPulseTabstrip.k-tabstrip-top.k-tabstrip-scrollable .k-tabstrip-items {
    width: auto;
}

.editor-field.importOptions {
    display: flex;
}

a.k-button.k-button-icontext.k-grid-Import {
    background: url(/Content/Images/import_dataHub.png) no-repeat;
    background-size: 29px
}

a.k-button.k-button-icontext.k-grid-Import:hover {
    background: url(/Content/Images/import_dataHub_Hover.png) no-repeat;
    background-size: 29px
}

.RAPSURE_Spots span.k-switch.k-widget {
    width: 145px;
}

.RAPSURE_Responses span.k-switch.k-widget {
    width: 172px;
}
#divErrorMessageDialog input.btnCancel.k-button {
    background: #ff962f;
    color: #fff;
    border: none;
}
/* Header UI Start */
.headerPanel, .leftpanel.sticky-leftpanel, .headerbar {
    display: none;
}

.headerWrap {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}

.headeNav {
    background: #2b2b2b;
    padding: 0px 10px;
    width: 100%;
    display: flex;
}

.topNavigation ul {
    display: flex;
    margin-bottom: 0px;
    padding-left: 18px;
}

    .topNavigation ul > li > a {
        color: #fff;
        padding: 29px 13px 29px 41px;
        display: block;
        height: 78px;
        transition: 0.4s ease-in;
        font-size: 17px;
    }

        .topNavigation ul > li > a:hover, .topNavigation ul > li > a.active {
            background-color: #4a4949;
            color: #fe973f;
        }

    .topNavigation ul li {
        list-style: none;
    }

.logoArm img {
    width: 190px;
}

.headerBreadcrumb ul li a b i:last-child {
    border: none;
}

.dropDownicons li.dropDownli.active > a {
    background: #ebebeb;
}

.dropDownicons li.dropDownli.active > .active > .active > a {
    background: #ebebeb;
}


.logoArm a {
    margin-top: 5px;
    display: block;
}

.topNavigation ul > li > a img {
    margin-right: 4px;
}

.userMenu {
    position: absolute;
    right: 20px;
    top: 20px;
}

    .userMenu .userMenulink {
        display: block;
        background: #3f3f3f;
        padding: 8px;
        border-radius: 6px;
    }

.userMenuDropdown {
    position: absolute;
    background: #4a4949;
    top: 3px;
    display: none;
    right: 100px;
}

.userMenuDropdownshow {
    display: block;
    transition: 1s;
    right: 66px;
    animation: userMenuDropdownshow 0.4s linear;
}

@keyframes userMenuDropdownshow {
    0%, 100% {
        right: 100px;
        opacity: 0;
    }

    100% {
        right: 66px;
        opacity: 1;
    }
}

.userMenuDropdown ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

    .userMenuDropdown ul li a {
        padding: 7px 9px;
        display: block;
        transition: 0.4s;
        position: relative;
    }

        .userMenuDropdown ul li a:hover {
            background: #393939;
        }

.userMenuDropdown:after {
    position: absolute;
    top: 12px;
    right: -9px;
    content: "";
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-left: 11px solid #4a4949;
    border-bottom: 7px solid transparent;
}

.headerBreadcrumb {
    background: #4a4949;
    padding: 2px;
    display: flex;
}

    .headerBreadcrumb ul {
        padding: 0;
        margin: 7px 00px 0 20px;
    }

        .headerBreadcrumb ul li {
            list-style: none;
            color: #fff;
            font-size: 18px;
        }

            .headerBreadcrumb ul li img {
                position: relative;
                bottom: 2px;
            }

            .headerBreadcrumb ul li b {
                font-weight: normal;
            }

            .headerBreadcrumb ul li b i {
                border: solid #ff962f;
                border-width: 0 2px 2px 0;
                display: inline-block;
                padding: 3px;
                transform: rotate(-45deg);
                position: relative;
                bottom: 1px;
                margin: 0 10px;
            }

.topNavigation > ul > li .dropDownicons {
    position: absolute;
    display: none;
    line-height: 0;
    padding: 0;
    margin: 0;
    background: #ffffff;
    z-index: 999999;
    width: 250px;
    animation: mensuDropicons 0.4s linear;
    top: 75px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-top: 3px solid #fe973f;
}

    .topNavigation > ul > li .dropDownicons img {
        width: 20px;
    }



@keyframes mensuDropicons {
    0%, 100% {
        top: 100px;
        opacity: 0;
    }

    100% {
        top: 75px;
        opacity: 1;
    }
}

.topNavigation > ul > li > .dropDownicons > li > a {
    padding: 19px 20px 19px 47px;
    height: auto;
    color: #2b2b2b;
    border-bottom: 1px solid #f5f3f3;
    transition: 0.4s;
    font-size: 15px;
}

.topNavigation > ul > li .dropDownicons li a:hover {
    background-color: #ebebeb;
}

.topNavigation ul li.dropDownli:after {
    content: "";
    border: solid #2b2b2b;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    position: absolute;
    right: 12px;
    margin-top: -24px;
}

.topNavigation > ul > li ul .dropDownlist {
    position: absolute;
    left: 250px;
    background: #f9f9f9;
    margin-top: -40px;
    display: none;
    width: 200px;
    padding: 0;
    animation: menuDropdown 0.4s linear;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

@keyframes menuDropdown {
    0%, 100% {
        left: 270px;
        opacity: 0;
    }

    100% {
        left: 250px;
        opacity: 1;
    }
}

.topNavigation > ul > li ul .dropDownlist a {
    font-size: 14px;
    padding: 17px 16px;
    color: #2b2b2b;
    height: auto;
    transition: 0.4s;
}

    .topNavigation > ul > li ul .dropDownlist a:hover {
        background-color: #e1e1e1;
        color: #000;
    }

.topSearchbar {
    margin-left: auto;
    position: relative;
    right: 14px;
    background: #6d6b6b;
    border-radius: 10px;
    overflow: hidden;
    height: 27px;
    width: 207px;
    margin-top: 2px;
}

    .topSearchbar input {
        background: #6d6b6b;
        border: none;
        color: #fff;
        padding-left: 10px;
        height: 27px;
        width: 180px;
    }

        .topSearchbar input::placeholder {
            color: #fff;
        }

.languageDropdown span.k-widget.k-dropdown {
    width: 53px;
    background: transparent;
    border: none;
}

.languageDropdown span.k-dropdown-wrap.k-state-default {
    background: transparent;
    border: none;
}

.languageDropdown .k-dropdown-wrap .k-input {
    width: 53px;
}

.languageDropdown .k-icon.k-i-arrow-60-down {
    color: #fff;
    top: 4px;
}

.languageDropdown .k-state-focused {
    box-shadow: none;
}

#campaignDataLoadInfo {
    display: none !important;
}

.searchPanelNav .navbar-brand #siteLogo {
    text-indent: -999px;
    position: absolute;
    bottom: 0;
    right: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 100% !important;
    height: auto;
    max-width: 100%;
}

.searchPanelNav .navbar-brand {
    width: 113px;
    max-height: 65px;
    height: auto;
    float: right;
    margin-left: auto;
    text-align: right;
    padding: 0;
    padding-top: 0px;
    margin-top: -4px;
    position: relative;
}

.dashboardContent {
    padding: 0 !important;
}

a.quoteIcon {
    position: fixed;
    bottom: 10px;
    right: 10px;
    cursor: pointer;
    z-index: 99;
}

.quoteIcon img {
    width: 35px;
}

div#hint {
    margin-top: 10px;
}

.quoteMsg {
    position: fixed;
    bottom: 0;
    right: 37px;
    width: 493px;
    background: url(/Content/Images/navigation/quotebg.png) no-repeat;
    padding: 55px 60px 31px 60px;
    text-align: center;
    color: #fff;
    z-index: 1;
    display: none;
    transition: 0.4s ease-in-out;
}

    .quoteMsg span {
        font-weight: bold;
    }

    .quoteMsg .closeQuote {
        display: block;
        position: absolute;
        right: 22px;
        top: 31px;
    }

.closeQuoteShow {
    display: block;
}

.quoteMsg .closeQuote i {
    color: #fff;
    font-weight: 100;
    margin-right: 15px;
    font-size: 20px;
}

.topNavigation > ul > li ul .dropDownlist li .dropDownlist {
    left: 199px;
    animation: menuDropdown2 0.4s linear;
}

@keyframes menuDropdown2 {
    0%, 100% {
        left: 220px;
        opacity: 0;
    }

    100% {
        left: 199px;
        opacity: 1;
    }
}


/* Navigation Icons Start */

.topNavigation > ul > li > .dropDownicons > li > a span {
    background-image: url(/Content/Images/sprite.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 30px;
    height: 27px;
    position: absolute;
    margin-top: -12px;
    left: 10px;
}

.topNavigation .spotter .spotter {
    background-image: url(/Content/images/navigation/spotter.png);
    background-position: 7px 28px;
    background-repeat: no-repeat;
}

.topNavigation .pulse .pulse {
    background-image: url(/Content/images/navigation/pulse.png);
    background-position: 7px 28px;
    background-repeat: no-repeat;
}

.topNavigation .rAPS .rAPS {
    background-image: url(/Content/images/navigation/raps.png);
    background-position: 7px 28px;
    background-repeat: no-repeat;
}

.topNavigation .enemy .enemy {
    background-image: url(/Content/images/navigation/enemy.png);
    background-position: 7px 28px;
    background-repeat: no-repeat;
}
.topNavigation .pulse .tagSummary > a span {
    background-position: -245px -404px;
}

.topNavigation .digitAll .digitAll {
    background-image: url(/Content/images/navigation/digitall.png);
    background-position: 7px 28px;
    background-repeat: no-repeat;
}

.topNavigation .armoury .armoury {
    background-image: url(/Content/images/navigation/armoury.png);
    background-position: 7px 28px;
    background-repeat: no-repeat;
}

.topNavigation .sysAdmin .sysAdmin {
    background-image: url(/Content/images/navigation/sysAdmin.png);
    background-position: 7px 28px;
    background-repeat: no-repeat;
}

.topNavigation .wRPlive .wRPlive {
    background-image: url(/Content/images/navigation/wrplive.png);
    background-position: 7px 25px;
    background-repeat: no-repeat;
}

.topNavigation .spotter .dashboard > a span {
    background-position: -245px -7px;
}

.topNavigation .spotter .reports > a span {
    background-position: -245px -143px;
}

.topNavigation .spotter .campaignMaintenance > a span {
    background-position: -123px -443px;
}

.topNavigation .spotter .import > a span {
    background-position: -42px -439px;
}

.topNavigation .spotter .manageAlerts > a span {
    background-position: -134px -65px;
}

.topNavigation .pulse .livePulse > a span {
    background-position: -131px -5px;
}

.topNavigation .pulse .historicPulse > a span {
    background-position: -284px -2px;
}

.topNavigation .dataHub .dashboard > a span {
    background-position: -131px -98px;
}

.topNavigation .dataHub .configuration > a span {
    background-position: -131px -65px;
}

.topNavigation .dataHub .enterData > a span {
    background-position: -131px -37px;
}

.topNavigation .rAPS .globalOverview > a span {
    background-position: -283px -64px;
}

.topNavigation .rAPS .siteOverview > a span {
    background-position: -245px -7px;
}

.topNavigation .rAPS .reports > a span {
    background-position: -245px -143px;
}

.topNavigation .wRPlive .dropDownicons .wRPlive span {
    background-position: -158px -443px;
}

.topNavigation .rAPS .clientSummary > a span, .topNavigation .rAPS .summary > a span {
    background-image: url(/Content/Images/menuIconSprite.png);
    background-position: -30px 0px;
}

.topNavigation .rAPS .masterData > a span {
    background-image: url(/Content/Images/menuIconSprite.png);
    background-position: -60px -60px;
}

.topNavigation .rAPS .configureReports > a span {
    background-image: url(/Content/Images/menuIconSprite.png);
    background-position: -60px 0px;
}

.topNavigation .rAPS .tVProcess > a span {
    background-image: url(/Content/Images/menuIconSprite.png);
    background-position: -120px 0px;
}

.topNavigation .rAPS .pressProcess > a span {
    background-image: url(/Content/Images/menuIconSprite.png);
    background-position: -90px 0px;
}

.topNavigation .rAPS .system > a span {
    background-image: url(/Content/Images/menuIconSprite.png);
    background-position: -90px -60px;
}

.topNavigation .enemy .tVActivity > a span {
    background-position: -3px -346px;
}

.topNavigation .enemy .tVActivityNew > a span {
    background-position: -277px -255px;
}

.topNavigation .enemy .competitorManagement > a span {
    background: url(/Content/images/rapsEnhanceSprite.png);
    background-position: -33px -240px;
}

.topNavigation .digitAll .dashboard > a span {
    background-position: -245px -7px;
}

.topNavigation .digitAll .configuration > a span {
    background-position: -131px -65px;
}

.topNavigation .digitAll .clientSetting > a span {
    background-position: -245px -364px;
}

.topNavigation .armoury .aRMVault > a span {
    background-image: url(/Content/Images/ArmourySprite.png);
    background-position: -48px -155px;
}

.topNavigation .armoury .aRMInside > a span {
    background-image: url(/Content/Images/ArmourySprite.png);
    background-position: -54px -334px;
}

.topNavigation .armoury .aRMHelp > a span {
    background-image: url(/Content/Images/ArmourySprite.png);
    background-position: -53px -264px;
}

.topNavigation .sysAdmin .userManagement > a span {
    background: url(/Content/images/rapsEnhanceSprite.png);
    background-position: -33px -240px;
}

.topNavigation .sysAdmin .clientSiteManagement > a span {
    background: url(/Content/images/rapsEnhanceSprite.png);
    background-position: -93px -240px;
}

.topNavigation .sysAdmin .userAccessReport > a span {
    background: url(/Content/images/rapsEnhanceSprite.png);
    background-position: -363px -360px;
}

.topNavigation .sysAdmin .rAPSUREConfiguration > a span {
    background: url(/Content/images/rapsEnhanceSprite.png);
    background-position: -363px -330px;
}



a.mobileMenu {
    padding: 5px;
    position: absolute;
    right: 0;
    font-size: 24px;
    color: #fff;
    top: 50px;
    display: none;
}

.fullScreenMode .headerWrap {
    display: none;
}

.topNavigation > ul > li ul .dropDownlist ul {
    margin-top: -33px;
}

.headerBreadcrumb ul li b i:last-child {
    display: none;
}

.fullScreenMode .releaseNotes {
    display: none;
}

.userDetails {
    display: none;
    position: absolute;
    width: auto;
    white-space: nowrap;
    right: -7px;
    top: 42px;
    background: #fff;
    padding: 5px 8px;
    font-size: 12px;
    border-radius: 7px;
    line-height: 15px;
}

.userDetails p {
    margin-bottom: 0;
}

.userMenulink:hover .userDetails {
    display: block;
    color: #000;
}

.userDetails p:first-child {
    font-weight: bold;
    font-size: 14px;
}

.userDetails:after {
    content: "";
    position: absolute;
    top: -5px;
    right: 18px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid white;
}

@media (min-width: 767px) and (max-width: 23004px) {
    .topNavigation > ul > li:hover > ul {
        display: block
    }

    .topNavigation > ul > li > ul > li:hover > ul, .topNavigation > ul > li > ul > li > ul > li:hover > ul {
        display: block
    }
}



/* Navigation Icons End */

/* Header UI End */

/* Chatbot start*/

    .chatBot i {
        margin: 0;
        font-size: 18px;
    }

.chatBotWrapper {
    display: none;
    position: fixed;
    top: 79px;
    right: 20px;
    left: auto;
    background: #e4e7ea;
    width: 40%;
    min-width: 400px;
    height: 87vh;
    z-index: 222;
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    animation: chatBot 0.4s linear;
}

@keyframes chatBot {
    0%, 100% {
        right: -50%;
        opacity: 0;
    }

    100% {
        right: 5%;
        opacity: 1;
    }
}

.chatBotWrapper .chathead {
    color: #fff;
    background: rgb(255,150,47);
    background: linear-gradient(90deg, rgb(74 73 73) 0%, rgba(176,97,20,1) 100%);
    padding: 7px 10px 7px 10px;
    overflow: hidden;
    cursor: move;
}

    .chatBotWrapper .chathead h3 {
        font-size: 15px;
        float: left;
        margin-top: 11px;
    }

    .chatBotWrapper .chathead img {
        float: left;
        margin-right: 12px;
        width: 35px;
    }

    .chatBotWrapper .chathead p {
        float: right;
        font-size: 10px;
        position: relative;
        top: 10px;
        right: 21px;
        color: #13db38;
        font-size: 10px;
    }

.chatBotWrapper .k-dropdown {
    margin-left: 7px;
    float: left;
    width: 99%;
    min-height: 32px;
}

.closeChatbot {
    cursor: pointer;
    position: absolute;
    top: -7px;
    right: -7px;
    background: #2b2b2b;
    color: #fff;
    font-weight: 100;
    border-radius: 50%;
    width: 22px;
    min-height: 23px;
    text-align: center;
    z-index: 8;
    border: 1px solid #adaaaa;
}

.chatMode {
    position: absolute;
    right: 17px;
    top: 13px;
    z-index: 2;
    cursor: pointer;
}

.chatproductDropdown span.k-widget.k-dropdown.form-control span.k-input {
    color: #fff;
}

.chatproductDropdown span.k-widget.k-dropdown.form-control {
    width: 200px;
    margin: 0 auto;
    border: none;
}

    .chatproductDropdown span.k-widget.k-dropdown.form-control span.k-dropdown-wrap.k-state-default {
        background: #a48871;
    }

.chatMode .chatModeMin {
    display: none;
}

.chatBotWrapper .chathead p i {
    font-size: 10px;
}

.chatModeMaxMin {
    right: 4px;
    top: 0;
    height: 51px;
    width: 49px;
    display: flex;
    justify-content: center;
    align-items: center;
}

div#chatBotDDLContainer {
    padding: 5px;
    min-height: 33px;
    background: #e4e7ea;
}

#chatBotDDLContainer .dropdown.ddlCBClientSite {
    display: contents;
}
.chatBotWrapper .k-content {
    border: none;
    outline: none;
    box-shadow: none;
}
#chatBotDDLContainer a.dropdown-toggle {
    width: 91%;
}
#chatBotDDLContainer > div {
    float: left;
}
div#cbProductDDLDiv {
    width: 49%;
}
#chatBotDDLContainer #cbClientDDLDiv {
    width: 49%;
}
.chatBotWrapper .k-link .k-icon {
    margin-top: -39px;
    position: absolute;
    z-index: 98;
    right: 51px;
    color: #fff;
    padding: 0px 4px 8px 4px;
    border-radius: 5px;
}
#chatBotDDLContainer .dropdown-menu-container {
    width: 99%;
}
#chatBotDDLContainer .dropdown-below .dropdown-menu-wrapper {
    width: 96%;
}
#chatBotDDLContainer input.searchItem.k-textbox {
    width: 99% !important;
}
#chatBotDDLContainer i.k-icon.k-i-search.searchItem {
    margin-top: 2px;
    margin-right: 13px;
}
#chatBotDDLContainer span.status_Indicator.circle_Active , #chatBotDDLContainer span.status_Indicator.circle_Disabled{
    width: 2px;
    height: 2px;
    display: none;
}
#chatBotDDLContainer .dropdown-menu li a span {
    font-size: 13px;
}
#cbClientDDLDiv .dropdown-text {
    width: 90%;
}
.chatBotWrapper span.k-icon.k-i-arrow-60-up.k-panelbar-collapse:before , .chatBotWrapper span.k-icon.k-panelbar-collapse.k-i-arrow-s:before , .chatBotWrapper span.k-icon.k-panelbar-collapse.k-i-arrow-chevron-up:before{
    content: "\e030";
}
.chatBotWrapper span.k-icon.k-i-arrow-60-down.k-panelbar-expand:before , .chatBotWrapper span.k-icon.k-panelbar-expand.k-i-arrow-chevron-down:before {
    content: "\e030";
}
.chatBotWrapper span.k-icon.k-i-arrow-60-down.k-panelbar-expand , .chatBotWrapper span.k-icon.k-panelbar-expand.k-i-arrow-chevron-down{
    background: #fe973f;
}

.chatBotWrapper .ui-resizable-handle.ui-resizable-se.ui-icon.ui-icon-gripsmall-diagonal-se {
    display: none !important;
}

.chatBotWrapper .k-link .k-icon.k-i-arrow-chevron-up , .chatBotWrapper .k-link .k-icon.k-i-arrow-chevron-down {
    margin-top: -56px;
    cursor: pointer;
}

.minmax_chatBot {
    position: absolute;
    right: 103px;
    top: 13px;
    z-index: 2;
    cursor: pointer;
}

.minmax_chatBot .maxchat {
    margin-left: -9px;
    margin-top: -2px;
    position: absolute;
    font-size: 24px;
}

.minmax_chatBot .minchat {
    margin-top: 4px;
    display: none;
    position: absolute;
    margin-left: 67px;
    font-size: 17px;
}

.chatBot {
    position: fixed;
    bottom: 10px;
    right: 10px;
    cursor: pointer;
    z-index: 99;
    background-color: #ff8208;
    padding: 8px;
    border-radius: 20px;
    color: #fff;
    height: 32px;
}

.chatBot:hover {
    opacity:0.7;
    color: #fff;
}

 .chatBot:after {
     display: none;
}

.fullScreenMode .chatBot {
    z-index: -1;
}

.chatBotWrapper .k-panelbar>.k-item>.k-link.k-state-selected, .chatBotWrapper .k-panelbar>.k-panelbar-header>.k-link.k-state-selected {
    background: #e4e7ea;
    padding: 0;
}

.chatBotWrapper #chatBotDDLContainer .dropdown-below .dropdown-menu-wrapper {
    top: auto;
}

#chatBotDroddown-list ul li:active {
    background: #ff962f;
}

#chatBotDroddown-list .k-list-optionlabel {
    font-weight: normal;
    border: none;
}

.chatBotWrapper #chatbotPanelBar .k-widget.k-picker:hover {
    background: #fff;
}

#cbProductDDLDiv .k-dropdown button:hover {
    background: white;
    color: #000;
}

#cbProductDDLDiv span.k-picker.k-dropdown.k-widget:focus-within{
    box-shadow: none;
    border-color: #c5c5c5;
}

/* Chatbot End*/

.topNavigation .dataHub .dataHub {
    background-image: url(/Content/images/navigation/datahub.png);
    background-position: 6px 25px;
    background-repeat: no-repeat;
}

.topNavigation .enemy .aRMreels > a span, .topNavigation .enemy .aRMreels > a span {
    background-image: url(/Content/Images/menuIconSprite.png);
    background-position: -27px 0px;
}

.dropdown.ddlClientSite.dropdown-below .dropdown-link {
    padding-right: 25px;
}

/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (landscape) ----------- */
/* Smartphones (portrait) ----------- */
/* iPads (portrait and landscape) ----------- */
/* iPads (landscape) ----------- */
/* iPads (portrait) ----------- */
/* Desktops and laptops ----------- */
/* Large screens ----------- */
/* iPhone 4 ----------- */
/* iPhone 6 ----------- */
/* to find any media query please find "query+px end" --------*/



@media screen and (-webkit-min-device-pixel-ratio:0) {
	.stickyheader .logopanel {
		top: 0px; /* removed for heading scrolling issue in chrome */
}
    #divDirectoryManipulation .k-dropzone {
		overflow: hidden;
	}
    #divVisitShareGrid .k-grid-content td {
		padding: 4px 7px;
	}

	#divVisitShareGrid .k-grid-content tr:nth-child(3) td, #divVisitShareGrid .k-grid-content tr:nth-child(8) td {
		padding: 4px 7px;
    }

	::i-block-chrome, #divVisitShareGrid .k-grid-header-locked table {
		height: auto !important;
}

	::i-block-chrome, #divFile {
		margin-top: 13px;
	}

		::i-block-chrome, #divFile .k-upload-empty {
			overflow: hidden !important;
		}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	.sectionNameBlock.overflowText{width:131px; min-width:131px; font-size:15px;}
	/*.topNav ul li.mobileMenu{display:block;}*/	
	.navbar{padding:0;}
	.searchPanelNav .form-group{width:100%;}
	.searchPanelNav .form-control{width:30%; display:inline-block;margin-bottom: 0 !important; line-height: 32px;}
	.searchPanelNav .k-dropdown {width:70%; margin-right:0 !important;}
	.activeDetails .col-md-4 div{float:inherit !important; margin-bottom:10px;}
    .searchPanelNav .form-group.col-md-6{
        width:44%;
        display:inline-block;
    }
	#languageDropdown .k-dropdown .k-dropdown-wrap .k-input .dataText {
		display:none !important;
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	.topNav ul li a{font-size:12px;}
	.header-right a span{display:none;}
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
    code.overflowText{max-width:80px;}
    .siteManagementSteps ul li h4{font-size:inherit;}
	.topNavigation ul > li > a {
		background: none !important;
		padding: 29px 10px 29px 10px;
	}
}


/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    code.overflowText{max-width:80px;}
    .siteManagementSteps ul li h4{font-size:inherit;}
}


/* Desktops and laptops ----------- */

@media only screen and (max-width: 1600px) and (min-width:2100px)  {
.spotterImportContent .panel {
    min-height: 711px;
}
.settingsContent .mCustomScrollBox,
.settingsContent .variableInfoDataScroll {
    max-height: 450px !important;
}
}

@media only screen 
and (max-width : 1224px) {
    code.overflowText{max-width:80px;}
    .siteManagementSteps ul li h4{font-size:inherit;}
}
@media only screen 
and (max-width : 1400px) {
    code.overflowText{max-width:120px;}  
	.topNav ul li a {
		padding: 40px 10px 48px;
        font-size: 15px;
	}
	.navbar-default .navbar-collapse {
		padding-left: 0;
		padding-right: 0;
	}   
    .armlogoblock {
        padding-left: 0;
        padding-right: 0;
    }
    .armLogo {
        background-size: contain;
        width: 200px;
    }
    .headerQuotes {
        font-size: 12px;
        margin-left: 213px;
    }
    .headerQuotes div {
        margin-top: 10px;
        margin-left: 160px;
    }
    .headerQuotes span {
        width: 370px;
        letter-spacing: normal;
    }

    .headerQuotes span:before {
        border-top: 7px solid transparent;
        border-bottom: 12px solid transparent;
        border-right: 14px solid #ff962f;
        left: 380px;
        top: 41px;
    } 

    #CostFileStationMapping table td.k-detail-cell  .stationInfoDetails.col-md-6 {
    width: 40% !important;
}

    #CostFileStationMapping table td.k-detail-cell .mapStationTotal.col-md-6 {
        width: 60% !important;
    }

    #CostFileStationMapping table td.k-detail-cell .grid-editor .col-md-6 .col-md-4 {
        width: 30%;
    }
}

@media screen and (max-width: 1650px) {
	.browseSearchContainer {
		width: 66% !important;
		left: calc(20% + 9px) !important;
	}

	#TreeViewContainer.col-sm-2 {
		width: 20% !important;
	}

	#GridContainer.col-sm-8 {
		width: 67% !important;
	}

	#DescriptionContainer.col-sm-2 {
		width: 13% !important;
	}

	.divTotalFilesIcon {
		background: url("/Content/Images/totalFilesIcon.jpg") no-repeat center center !important;
		float: left;
		height: 96px !important;
		width: 36% !important;
		background-size: 75% !important;
		-moz-background-size: 75% !important;
	}

	.divTotalFileSizeIcon {
		background: url("/Content/Images/totalFileSizeIcon.jpg") no-repeat center center !important;
		float: left;
		height: 96px !important;
		width: 36% !important;
		background-size: 56% !important;
		-moz-background-size: 56% !important;
	}

	.divTotalViewsIcon {
		background: url("/Content/Images/TotalViewsIcon.jpg") no-repeat center center !important;
		float: left;
		height: 96px !important;
		width: 36% !important;
		background-size: 66% !important;
		-moz-background-size: 66% !important;
	}

	.divTotalDownloadsIcon {
		background: url("/Content/Images/TotalDownloadsIcon.jpg") no-repeat center center !important;
		float: left;
		height: 96px !important;
		width: 36% !important;
		background-size: 63% !important;
		-moz-background-size: 63% !important;
	}

	.summaryTitle {
		font-size: 18px !important;
		height: 49px !important;
		width: 64% !important;
		padding: 0 15px 0 0 !important;
		margin: 8px 0 0 !important;
	}

	.summaryCount {
		font-size: 46px !important;
		width: 64% !important;
		padding: 0 15px 0 0 !important;
	}

	#btnAddToSendList {
		margin: 10px 0 0;
	}

	#DownLoadFile {
		padding: 0.12em 2.8em !important;
	}

	.ArmouryfolderPath {
		width: 50% !important;
	}

	#btnTotalViewsValue, #btnTotalDownloadsValue, #btnTotalEmailsValue {
		margin: 0 7% 0 0 !important;
	}

	#CompareDayHeader {
		font-size: 14px;
	}
}

/*==========1650px end=========*/

@media screen and (max-width: 1600px) {
	.topNav ul li a {
		padding: 40px 15px 48px;
        font-size: 17px;
	} 
	#DescriptionContainer.col-sm-2 {
		width: 14% !important;
	}

	#GridContainer.col-sm-8 {
		width: 66% !important;
	}

	#VideoLoading h1 {
		font-size: 24px !important;
	}

	#VideoLoading {
		padding: 76px 0 !important;
	}

	.barbSearch .clientLogo img { /*height:21px;*/
		height: 18px;
		margin: 6px 0 0;
	}
	/*Vijendra - 12 Feb 2015 - ARME-23 - Adjusted height to accomodate wide logos */
	.barbSearch #btnSelect {
		clear: both;
		margin-top: 10px !important;
	}

	.barbSearch .advSearchIcon {
		margin: 8px 0 0 10px !important;
	}

	.barbSearch .mappingSetupIcon {
		margin: 8px 0 0 5px !important;
	}

	.ArmouryfolderPath {
		width: 45% !important;
	}

	.ArmouryViewDocfolderPath {
		width: 64% !important;
	}

	.browseSearchContainer {
		width: calc(64% + 9px) !important;
		left: calc(20% + 9px) !important;
	}

	.ARMInsideSearch .browseSearchContainer {
		left: 5px !important;
		width: calc(75% - 3px) !important;
	}

	.ARMVaultBrowse .browseSearchContainer, .ARMVaultSearchContainer .browseSearchContainer {
		float: right !important;
		left: auto !important;
		position: relative !important;
		width: 50% !important;
	}
    .barbSearch.spotImportSearch #btnSelect {
		float: none;
		margin-top: 2px !important;
	}

	.barbSearch.spotImportSearch .clientLogo img {
		height: 50px;
	}
    .clientLogoResponsive .searchbarclientlogo.clientLogo img {
		height: 40px;
}
    #contentBlock .col-md-4 {
		width: 32.3%;
}
    .chartKPIEdit {
        margin-left: 18%;
    }

	.topNavigation > ul > li ul .dropDownlist a {
		padding: 15px 16px;
	}
}

/*==========767px end=========*/

@media screen and (max-width: 1440px) {
	#contentBlock .col-md-4 {
		width: 32%;
	}

	.DashDountChart .chartBottomPanel, .DashBulletChart .chartBottomPanel, .DashLineChart .chartBottomPanel {
		padding: 0 3px;
	}

	#divEventTabGrid .preset-name {
		width: 88%;
    }

	.dashboardSection.popCompaire .k-tabstrip-wrapper {
		width: 92%;
		margin-left: 0;
}

	.topNav ul li a {
		padding: 40px 13px 48px;
        font-size: 15px;
	}
	.navbar-default .navbar-collapse {
		padding-left: 0;
		padding-right: 0;
	} 
}

/*==========1440px end=========*/

@media screen and (max-width: 1400px) {
	.browseSearchContainer {
		width: calc(62% + 5px) !important;
	}

	#TreeViewContainer.col-sm-2 {
		width: 20% !important;
	}

	#GridContainer.col-sm-8 {
		width: 64% !important;
	}

	#DescriptionContainer.col-sm-2 {
		width: 16% !important;
	}

	.divTotalViewsIcon, .divTotalDownloadsIcon, .divTotalFileSizeIcon, .divTotalFilesIcon {
		height: 73px !important;
	}

	.summaryTitle {
		font-size: 16px !important;
		height: 33px !important;
	}

	.summaryCount {
		font-size: 40px !important;
	}

		.summaryCount > span {
			font-size: 18px !important;
			vertical-align: top;
		}

	#breadcrumb {
		width: 66% !important;
	}

	#sendlistItems {
		width: 34% !important;
	}

	#VideoLoading {
		padding: 86px 0 !important;
	}

	.barbSearch .advSearchIcon, .barbSearch .dateSearch {
		margin-top: 12px;
	}

	.mappingSetupIcon {
		margin-top: 12px !important;
	}

	#hfileDescription.viewFile #hCopyUrl {
		margin: 3px 0 0 0px !important;
	}

	#hCopyUrl.armouryCopyUrlMargin {
		margin: 4px 0 0 !important;
	}
    .dailyPulseChart .pulseChartDiv {width:49%;}

	.mapConversionType.k-grid table colgroup col:nth-child(2), .mapChannel.k-grid table colgroup col:nth-child(2) {
		width: 200px;
	}

    .ChartDataDiv li .k-button {
        padding: 4px 7px;
    }

    .ChartDataDiv .nav-tabs > li > a {
        padding: 4px;
    }
}

/*==========1400px end=========*/

@media screen and (max-width: 1366px) {
	#DescriptionContainer.col-sm-2 {
		width: 18% !important;
	}

	#GridContainer.col-sm-8 {
		width: 62% !important;
	}

	body.leftpanel-show .barbSearch #btnSelect, .barbSearch #btnSelect {
		clear: none;
		margin-top: 13px !important;
	}

	.barbSearch .dateSearch {
		margin-top: 1px;
	}

	.barbSearch .barbKpi {
		margin-top: 10px;
	}

	.barbSearch .advSearchIcon, .barbSearch .mappingSetupIcon {
		margin-top: 12px !important;
	}

	#hbtnAddToSendList {
		margin: 4px 0 0 !important;
}

	.browseSearchContainer {
		width: calc(60% + 7px) !important;
	}
    .barbSearch.spotImportSearch #btnSelect {
		float: none;
		margin-top: 2px !important;
	}

	.barbSearch.spotImportSearch .clientLogo img {
		height: 50px;
	}
    .clientLogoResponsive .searchbarclientlogo.clientLogo img {
		height: 28px;
}

	.clientLogoResponsive .searchbarclientlogo.clientLogo {
		width: auto;
	}
    #contentBlock .col-md-4 {
		width: 32%;
	}

	.DashDountChart .chartBottomPanel, .DashBulletChart .chartBottomPanel, .DashLineChart .chartBottomPanel {
		padding: 0 3px;
	}
    .fr-FR .visitCookie, .fr-FR .visitTotal {
		top: -10px;
	}
}

/*==========1366px end=========*/

@media screen and (max-width: 1280px) {
	#DescriptionContainer.col-sm-2 {
		width: 18% !important;
}

	#GridContainer.col-sm-8 {
		width: 62% !important;
	}

	#VideoLoading {
		padding: 108px 0 !important;
	}

	.browsePage .clientLogo.col-sm-2 {
		width: 22%;
	}

	#VideoLoading h1 {
		font-size: 21px !important;
	}

	.divTotalFilesIcon {
		background-size: 70% !important;
		-moz-background-size: 70% !important;
	}

	.historicSearch .dateSearch {
		clear: both;
		margin: 10px 0 0;
	}

	.historicSearch .searchSpotsIcon {
		margin: 10px 0 0 10px;
	}

	body.leftpanel-show .barbSearch .dateSearch {
		margin-top: 10px;
	}
    .ARMVaultBrowse .browseSearchContainer, .ARMVaultSearchContainer .browseSearchContainer {
		width: 46% !important;
	}
    #contentBlock .col-md-4 {
		width: 31.9%;
	}

	.DashDountChart .chartBottomPanel, .DashBulletChart .chartBottomPanel, .DashLineChart .chartBottomPanel {
		padding: 0 3px;
	}
    .viewer_mainwrapper {
		top: 86px !important;
	}
    .ARMVaultSearchContainer .r-click-info {
		width: 65%;
	}
    .allConversions{
        padding:50px 0 20px;
    }
    .allConversions section h2{
        font-size:25px;
    }

    #chartDataContainer ul.nav.nav-tabs.ULvariableData.mainChartfavTabUL {
		z-index: 0;
		height: 150px;
		margin-bottom: 10px;
    }

	ul.nav.nav-tabs li#liAllKPI:nth-child(3) {
		font-size: 12px;
		order: 9;
	}
}

/*==========1280px end=========*/

@media screen and (max-width: 1200px) {
         .upcominggridBlock {
		overflow-x: scroll;
    }

	#upcomingSpotsGrid, #pastSpotsGrid {
		width: 500px;
    }

	#divGridClientIndustries .k-grid-edit {
		margin: 0 5px 0 0 !important;
	}

	.browseSearchContainer {
		width: calc(52% + 11px) !important;
		left: 27% !important;
	}

	#TreeViewContainer.col-sm-2 {
		width: 26% !important;
	}

	#GridContainer.col-sm-8 {
		width: 55% !important;
	}

	#DescriptionContainer.col-sm-2 {
		width: 19% !important;
	}

	.browsePage .clientLogo.col-sm-2 {
		width: 22%;
	}

	.summaryCount {
		font-size: 36px !important;
		padding: 5px 15px 0 0 !important;
	}

	.summaryTitle {
		font-size: 14px !important;
		height: 26px !important;
		margin: 0px !important;
	}

	.divTotalViewsIcon, .divTotalDownloadsIcon, .divTotalFileSizeIcon, .divTotalFilesIcon {
		height: 70px !important;
	}

	.summaryCount > span {
		font-size: 17px !important;
	}

	#divTotalFiles, #divTotalFileSize, #divTotalViews, #divTotalDownloads {
		padding: 0px !important;
	}

	#breadcrumb {
		width: 54% !important;
	}

	#sendlistItems {
		width: 46% !important;
	}

	.k-widget.k-window.customWidthFilter {
		width: 660px !important;
	}

	.historicSearch .dateSearch {
		margin: 10px 0 0;
	}

	.searchSpotsIcon {
		margin: 10px 0 10px 10px !important;
	}

	#divTotalViewsValue, #divTotalDownloadsValue, #divTotalEmailsValue {
		margin: 0 6% 0 0 !important;
	}

    .ARMVaultBrowse .browseSearchContainer, .ARMVaultSearchContainer .browseSearchContainer {
    float: right !important;
    left: auto !important;
    position: relative !important;
    width: 42% !important;
		
}
    }

/*==========1200px end=========*/

@media screen and (max-width: 1160px){

    .matrixByChannel .content label, .matrixValue{
        width:100%;
        line-height:normal;
    }
}

/*==========1160px end=========*/

@media screen and (max-width: 1152px) {
	#TreeViewContainer.col-sm-2 {
		width: 24% !important;
}

	#DescriptionContainer.col-sm-2 {
		width: 20% !important;
	}

	#GridContainer.col-sm-8 {
		width: 56% !important;
	}

	#VideoLoading {
		padding: 120px 0 !important;
	}

		#VideoLoading h1 {
			font-size: 19px !important;
		}

	.barbSearch .dateSearch {
		margin-top: 10px !important;
	}

	.ArmouryfolderPath {
		width: 45% !important;
	}

	.browseSearchContainer {
		left: 25% !important;
		width: calc(53% + 11px) !important;
	}

	.topNav ul li a {
		padding: 40px 5px 48px;
		font-size: 12px;
	}
}

/*==========1152px end=========*/

@media screen and (max-width: 1024px) {
 
    body {
        position: relative;
    }

    .leftpanel {
    /*    display: none; */
		left: -230px;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
    }

    .mainpanel {
        margin-left: 0;
        width: 100%;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
    }
	
    .leftpanel-collapsed .mainpanel {
        margin-left: 0;
    }

    .leftpanel-collapsed .headerbar {
        margin-left: 0;
    }

    .leftpanel-show section {
        overflow-x: hidden;
    }

    .leftpanel-show .leftpanel {
       /*   display: block; */
		left: 0px;
    }

    .leftpanel-show .mainpanel {
        margin-left: 230px;
	}
	
	.logopanel {
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
    }

	.armLogo {
        width: 170px;
		background-size: contain;
	}

    .headerQuotes {
        margin-left: 175px;
        font-size: 10px;
    }

    .headerQuotes span {
        width: 310px;
        letter-spacing: normal;
    }

    .headerQuotes span:before {
        left: 340px;
    }

    .headerQuotes div {
        margin-top: 10px;
        margin-left: 135px;
        color: #fff;
    }

    .topNav ul li a {
		font-size: 13px;
        height: 55px;
        padding: 40px 7px 48px;
    }

	.navbar-default .navbar-collapse {
		padding-left: 0;
		padding-right: 0;
	}
	
	.leftpanel-show .logopanel {
		left: 0px;
	}

    .stickyheader .headerbar {
        left: 0;
    }

    .stickyheader.leftpanel-show .headerbar {
        left: 230px;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
    }

    .stickyheader.chat-relative-view .headerbar {
        right: 230px;
        left: auto;
    }
	
	.menutoggle {
		display: inline-block;
	}


    .leftpanel-show .header-right {
        margin-right: 230px;
    }

    .leftpanel-hide .header-right {
        margin-right: 0px;
    }

    .btn-demo {
        margin-bottom: 20px;
    }

    .leftpanelinner {
       /* padding: 5px 10px; */
    }

    .leftpanelinner .searchform input {
        background: #131b26;
        border: 0;
    }

    /* horizontal menu related */
    .nav-horizontal {
        position: relative;
    }

    .horizontal-menu .menutoggle {
        display: block;
    }

    .horizontal-menu .headerbar .logopanel, .nav-horizontal .caret {
        display: none;
    }

    .horizontal-menu .header-left,
    .horizontal-menu .topnav {
        float: none;
    }

    .horizontal-menu-sidebar .header-left,
    .horizontal-menu-sidebar .topnav {
        float: none;
    }

    .fixed-noleft .menutoggle {
        display: block;
    }

    .fixed-noleft .headerbar .logopanel {
        display: none;
    }

    .fixed-noleft .header-left,
    .fixed-noleft .topnav {
        float: none;
    }

    li.demographyGender a span, li.demographyAge a span, li.demographyRegion a span, li.demographyPostal a span {
		font-size: 15px;
}

	.barbSearch .advSearchIcon, .barbSearch .dateSearch {
		margin-top: 12px;
	}

	li.demographyGender a, li.demographyPostal a {
		padding: 5px 10px 6px !important;
	}

	li.demographyAge a, li.demographyRegion a {
		padding: 5px 10px !important;
	}

	#GridContainer.col-sm-8 {
		width: 55% !important;
	}

	#DescriptionContainer.col-sm-2 {
		width: 19% !important;
	}

	#TreeViewContainer.col-sm-2 {
		width: 24% !important;
	}
/*ARMALYTICS-231 Fix :: Issue # 4 - Submit & Cancel button is placed at the bottom of Add/Edit dialog box.*/
	#divDirectoryManipulation .km-scroll-container {
		height: 40% !important;
	}

	.divTotalFilesIcon {
		background-size: 71% !important;
		-moz-background-size: 71% !important;
	}

	.mappingSetupIcon {
		margin: 12px 0 0 !important;
	}

	.ArmouryfolderPath {
		width: 46% !important;
	}

/* Kendo Upgrade css issue of paging style in screen resolution under 1024px */
    .k-webkit .k-pager-wrap, .k-ff .k-pager-wrap, .k-ie11 .k-pager-wrap, .k-safari .k-pager-wrap {
		overflow: auto !important;
    }

	.k-webkit .k-pager-nav.k-pager-first + .k-link, .k-ff .k-pager-nav.k-pager-first + .k-link, .k-ie11 .k-pager-nav.k-pager-first + .k-link, .k-safari .k-pager-nav.k-pager-first + .k-link {
		border-right: 1px solid #ccc !important;
		border-radius: 1.0833em !important;
    }

	.k-webkit .k-pager-numbers, .k-ff .k-pager-numbers, .k-ie11 .k-pager-numbers, .k-safari .k-pager-numbers, .k-webkit .k-grid .k-pager-numbers, .k-ff .k-grid .k-pager-numbers, .k-ie11 .k-grid .k-pager-numbers, .k-safari .k-grid .k-pager-numbers {
		position: initial !important;
		transform: none !important;
		display: inline-block !important;
    }

		.k-webkit .k-pager-numbers .k-current-page, .k-ff .k-pager-numbers .k-current-page, .k-ie11 .k-pager-numbers .k-current-page, .k-safari .k-pager-numbers .k-current-page, .k-webkit .k-grid .k-pager-numbers .k-current-page, .k-ff .k-grid .k-pager-numbers .k-current-page, .k-ie11 .k-grid .k-pager-numbers .k-current-page, .k-safari .k-grid .k-pager-numbers .k-current-page {
			display: none !important;
    }

		.k-webkit .k-pager-numbers li:not(.k-current-page), .k-ff .k-pager-numbers li:not(.k-current-page), .k-ie11 .k-pager-numbers li:not(.k-current-page), .k-safari .k-pager-numbers li:not(.k-current-page) {
			display: block !important;
    }

		.k-webkit .k-pager-numbers .k-state-selected, .k-ff .k-pager-numbers .k-state-selected, .k-ie11 .k-pager-numbers .k-state-selected, .k-safari .k-pager-numbers .k-state-selected, .k-webkit .k-pager-numbers .k-link, .k-ff .k-pager-numbers .k-link, .k-ie11 .k-pager-numbers .k-link, .k-safari .k-pager-numbers .k-link {
			display: block !important;
			margin-right: 1px !important;
			padding: 0 !important;
			text-align: center !important;
    }

		.k-webkit .k-pager-numbers + .k-link, .k-ff .k-pager-numbers + .k-link, .k-ie11 .k-pager-numbers + .k-link, .k-safari .k-pager-numbers + .k-link {
			margin: 0 0.08333em !important;
    }

		.k-webkit .k-pager-numbers + .k-link, .k-ff .k-pager-numbers + .k-link, .k-ie11 .k-pager-numbers + .k-link, .k-safari .k-pager-numbers + .k-link {
			border-radius: 1.0833em !important;
}

		.k-webkit .k-pager-numbers .k-state-selected, .k-ff .k-pager-numbers .k-state-selected, .k-ie11 .k-pager-numbers .k-state-selected, .k-safari .k-pager-numbers .k-state-selected, .k-webkit .k-pager-numbers .k-link, .k-ff .k-pager-numbers .k-link, .k-ie11 .k-pager-numbers .k-link, .k-safari .k-pager-numbers .k-link {
			border-radius: 1.0833em !important;
    }

	.k-webkit .k-pager-wrap .k-pager-nav, .k-ff .k-pager-wrap .k-pager-nav, .k-ie11 .k-pager-wrap .k-pager-nav, .k-safari .k-pager-wrap .k-pager-nav, .k-webkit .k-pager-input, .k-ff .k-pager-input, .k-ie11 .k-pager-input, .k-safari .k-pager-input {
		float: left !important;
		margin: 0px !important;
    }

    /* ARME-227 :: ARMalytics - Changes to hide/show of top section area */
	body.leftpanel-hide .sectionNameBlock {
		width: calc(100% - 385px);
	}

	body.leftpanel-show .sectionNameBlock {
		width: calc(100% - 535px);
	}

	.browseSearchContainer {
		width: calc(52% + 12px) !important;
}

	#HistoryDescriptionContainer ul#hfileDescription .ArmouryfolderPath {
		width: 55% !important;
	}

	#hfileDescription.viewFile #hCopyUrl {
		margin: 3px 0 0 0px !important;
	}

	#hfileDescription.viewFile #hbtnSendEmail {
		margin: 3px 0 0 0px !important;
	}
    .ARMInsideSearch .k-grid-header table[role="grid"], .ARMInsideSearch .k-grid-content table[role="grid"] {
		min-width: 946px;
	}

	.ARMInsideBrowse .k-grid-header table[role="grid"], .ARMInsideBrowse .k-grid-content table[role="grid"] {
		min-width: 610px;
	}

	.ARMVaultSearchContainer .k-grid-header table[role="grid"], .ARMVaultSearchContainer .k-grid-content table[role="grid"] {
		min-width: 946px;
	}

	.ARMVaultBrowse .k-grid-header table[role="grid"], .ARMVaultBrowse .k-grid-content table[role="grid"] {
		min-width: 610px;
	}
    .ARMVaultBrowse #breadcrumb, .ARMVaultSearchContainer #breadcrumb, .ARMInsideBrowse #breadcrumb, .ARMVaultSearchContainer .r-click-info {
		width: 100% !important;
	}

	.ARMVaultBrowse #sendlistItems, .ARMVaultSearchContainer #sendlistItems, .ARMInsideBrowse #sendlistItems {
		width: 100% !important;
	}

	#GridContainer.col-sm-8 {
		width: 75% !important;
	}

	#GridContainer.col-sm-9 {
		width: 100%;
	}
    #contentBlock .col-md-4 {
		width: 31%;
	}

	.DashDountChart .chartBottomPanel, .DashBulletChart .chartBottomPanel, .DashLineChart .chartBottomPanel {
		padding: 0 3px;
	}
    .dailyPulseChart .pulseChartDiv {width:49%;}	
}

/*==========1024px end=========*/

@media (max-width:1000px) {
    a.TipsInfoBlock span{display:none;}
    a.userInfoBlock span, a.loginBlock span, a.logoutBlock span{display:none;}
    body.leftpanel-hide .sectionNameBlock{width:35% !important; font-size:15px;}
}

/*==========1000px end=========*/

@media (max-width:991px) {
   .matrixByChannel .content label, .matrixValue{
        width:auto;
        line-height:42px;
    }
}

/*==========992px end=========*/

@media screen and (max-width: 900px) {
	.browsePage .clientLogo.col-sm-2 {
		width: 25% !important;
	}
/* View mapping button icon's css for this resolution*/
	.mappingSetupIcon {
		margin: 12px 0 0 !important;
}

	.docFullscreenView img#armLogo_Fullscreen {
		float: left;
		width: 88px !important;
		padding: 18px 0 0 !important;
	}

	.topNav ul li a {
        padding: 40px 5px 48px;
    }
}

/*==========900px end=========*/

@media (max-width: 962px) {
    .headerQuotes{
        display: none;
    }

    .container{
       padding-left: 15px;
       padding-right: 15px;
   }

    .armLogo {
        width: 240px;
        background-size: auto;
    }

    .topNav ul li a {
		font-size: 15px;
        padding: 40px 7px 48px;
	}

    .navbar-default .navbar-collapse {
		padding-left: 15px;
		padding-right: 15px;
	}   
}

/*==========962px end=========*/


@media screen and (max-width: 800px) {
	.ARMVaultBrowse .browseSearchContainer, .ARMVaultSearchContainer .browseSearchContainer {
		width: 30% !important;
		margin: 0 !important;
		top: 0;
	}

	.col-xs-9.panel-body.helpScreen {
		width: 100%;
}
}

/*==========800px end=========*/

@media only screen and (max-width: 780px) {
	.new_head_tools_wrapper.ThumbanailBtn {
		display: none !important;
}
    #languageDropdown span {display: none !important;}
    #languageDropdown .k-dropdown {width: 44px;height: 31px;}
    .fr-FR .summaryTitle{font-size:12px !important; line-height:normal; margin-bottom:7px !important;}
    .fr-FR #divDirectoryManipulation .km-scroll-container{height:50% !important;}    
    #languageDropdown{margin-right:0px}
    .fr-FR #divMessage, #divDashboard #divMessage{width:70%;}
    .searchPanel .k-widget.k-timepicker input[type="text"] {min-width:170px;}
    .searchPanel .k-widget.k-timepicker input#startTime[type="text"], .searchPanel .k-widget.k-timepicker input#endTime[type="text"]{
        min-width:73px;
        max-width:73px;
    }
    #rapsSwitch{display:none;}
    .searchPanelNav form.searchForm{
        width:100%;
    }

    .liVariance b , .ulVariance .liVariance .overflowText {
        font-size: 8px;
    }

	#lnkReleaseNotes {
		display: none;
	}
	#reportTypeTabStrip .customTabItem .navTabDropdown {
		 margin-right: 29px;
	}

	#chartDataContainer .nav-tabs.ULvariableData  li.addNewTab .close {
		width: auto;
	}
}

/*==========780px end=========*/

@media screen and (max-width: 768px) {
	li.demographyGender a {
		line-height: 17px;
		padding: 10px;
}
    .quickSearchPanel, .userTypesSelection{
        margin-bottom:5px;
    }

		li.demographyGender a span, li.demographyAge a span, li.demographyRegion a span, li.demographyPostal a span {
			font-size: 13px;
    }

	li.demographyAge a, li.demographyRegion a, li.demographyPostal a {
		padding: 11px 10px;
		line-height: 17px;
    }

	.barbSearch .advSearchIcon, .barbSearch .dateSearch, .barbSearch .CompetitorSearch {
		margin-top: 12px;
	}

	li.demographyGender a, li.demographyPostal a {
		padding: 7px 10px 8px !important;
	}

	li.demographyAge a, li.demographyRegion a {
		padding: 7px 10px 8px !important;
	}

	li.demographyGender a, li.demographyPostal a {
		padding: 7px 10px 8px !important;
	}

	ul.barbnav li.chartSetting a {
		border-left: 1px solid #dadada !important;
	}

	.nav-tabs.barbnav > li > a {
		margin-right: -1px;
		padding: 15px 20px !important;
	}

	.nav-tabs.barbnav li a.spriteImage.helpTextSprite, .nav-tabs.barbnav li a.spriteImage.sortHandler, .nav-tabs.barbnav li a.spriteImage.groupChartSprite, .nav-tabs.barbnav li a.spriteImage.averageLineSprite {
		padding-right: 21px !important;
	}

	.nav-tabs.barbnav li a.spriteImage.exportChartSprite, .nav-tabs.barbnav li a.spriteImage.switchLegendSprite {
		padding-right: 22px !important;
	}

	.nav-tabs.barbnav li a.spriteImage.exportChartSettings {
		padding-right: 21px !important;
	}

	#divVisitShareGrid .k-grid-header-wrap, #divVisitShareGrid .k-grid-content {
		width: 56px !important;
	}

	#divVisitShareGrid .k-grid-header-locked, #divVisitShareGrid .k-grid-content-locked {
		width: 300px !important;
	}

	.browseSearchContainer {
		width: 42% !important;
		left: 32% !important;
	}

	#TreeViewContainer.col-sm-2 {
		width: 31% !important;
	}

	#GridContainer.col-sm-8 {
		width: 44% !important;
	}

	#DescriptionContainer.col-sm-2 {
		width: 25% !important;
	}

	.browsePage .clientLogo.col-sm-2 {
		width: 22%;
	}

	#DescriptionContainer {
		display: none;
	}

	.divTotalDownloadsIcon {
		width: 28% !important;
		background: url("/Content/Images/TotalDownloadsIcon.jpg") no-repeat scroll center center auto rgba(0, 0, 0, 0) !important;
		background-size: 82% !important;
		-moz-background-size: 82% !important;
	}

	.divTotalViewsIcon {
		width: 33% !important;
	}

	.divTotalFilesIcon, .divTotalFileSizeIcon {
		width: 32% !important;
	}

	.summaryTitle {
		padding: 0 !important;
		width: 67% !important;
	}

	.summaryCount {
		font-size: 28px !important;
		padding: 5px 0 0 !important;
		width: 67% !important;
	}

	.divTotalViewsIcon, .divTotalDownloadsIcon, .divTotalFileSizeIcon, .divTotalFilesIcon {
		height: 62px !important;
	}

	#breadcrumb {
		width: 46% !important;
	}

	#sendlistItems {
		width: 54% !important;
	}

	#divSendEmailWindow label.editor-label {
		margin: 0px 6px 0px 0px;
	}

	#divDocViewer .grpdx {
		width: 100% !important;
	}

	#divFileViewerContainer #viewFileDescriptionContainer {
		display: none;
	}

	#divFileViewerContainer #viewFileContainer.col-sm-8 {
		width: 100% !important;
	}

	.advSearchIcon {
		clear: both !important;
	}

	.latestPulseChartTitle {
		display: block;
		width: 52% !important;
		height: 29px;
		overflow: hidden;
	}

	.barbSearch .barbKpi {
		clear: both;
		margin-left: 5px;
	}

	.barbSearch .advSearchIcon {
		clear: none !important;
	}
    /*Vijendra - 22 Feb 2016 - ARME-324 - Change logo at top left to partner logo for some client logins - point css image to image handler (proxy image)*/
	.armLogo { /*width:224px !important; ARME-232 :: Change width when add digital tab*/
		width: 138px !important;
		background: rgba(0, 0, 0, 0) url("/Content/images/ARM_logo_alpha.png") no-repeat scroll -5px 20px / 100%;
	}

	.headerQuotes {
        display: none;
    }

	#HistoryGridContainer.col-sm-8 {
		width: 60%;
	}

	#HistoryDescriptionContainer.col-sm-4 {
		width: 40%;
	}

	#HistoryDescriptionContainer ul#hfileDescription .ArmouryfolderPath {
		width: 49% !important;
	}

	.ARMVaultBrowse .browseSearchContainer, .ARMVaultSearchContainer .browseSearchContainer {
    float: right !important;
    left: auto !important;
    margin: -12px 0 0 !important;
    position: relative !important;
    width: 43% !important;
}

	.sectionNameBlock {
		font-size: 15px;
}
    .r-tabs .r-tabs-nav {
		display: none;
	}

	.r-tabs .r-tabs-accordion-title {
		display: block;
	}
    #GridContainer.col-sm-8 {
		width: 69% !important;
	}

	#ddlClient-list .k-overlay, #ddlClient-list .k-widget.k-window {
		z-index: 100010 !important;
	}
    .barbSearch.spotImportSearch .dateSearch {
		margin-top: 0px !important;
	}
    .partnerLogin .armLogo {
		width: 110px !important;
		background-position: -5px 10px !important;
}
    #contentBlock .col-md-4 {
		width: 32%;
		display: inline-block;
		vertical-align: top;
	}

    .rapsNew .responseType .k-widget.k-dropdown.k-header {
			min-width: 170px;
			width: 170px;
    }
   

	.rapsNew .searchPanel .k-dropdown, .searchPanel input[type="text"] {
		min-width: 190px;
		width: 190px;
	}
	.rapsNew .searchPanel .newVariable .k-dropdown{width:178px;min-width: 178px}
.rapsNew  .searchPanel.crossTabMain .k-dropdown,  .searchPanel.crossTabMain input[type="text"] {
		width: 160px;
		min-width: 160px;
	}

	.dashboardSection.popCompaire .k-tabstrip-wrapper {
		margin-left: 15px;
	}

	#divEventTabGrid .preset-name {
		width: 85%;
}
    .variableChart ul.nav-tabs li.chartKPIEdit {
		margin-left: 0% !important;
		margin-right: 0px;
}

	#divChartManipulation.kpiDesignList #KPIList {
		width: 300px;
}

	#divChartManipulation .KPIListCon {
		width: 310px;
    }
    .k-widget.k-window.shareDirectoryWindow, .k-widget.k-window.deleteWindow {
        width:90% !important;
        left:5% !important;
    }
    #deleteConfirmwindow{padding-bottom:10px;}
    .dailyPulseChart .col-md-6{width:100%;}
    .dailyPulseChart .pulseChartDiv.col-sm-6 {width:99%;}
    .uploadFile .k-dropzone em{
    left:20%;
}
    .col-md-5.infoLabel,  .col-md-5.infoLabel ~ .col-md-7{
        display:inline-block;
    }
    .siteCreate .fileDropZone{
        width:100%;
    }
    .siteManagementSteps.col-md-3{
    position: absolute;
    width: 50%;
    right: 11px;
    top: 91px;
    background: #fff;
    display:none;
    box-shadow:0 5px 10px 0px #999;
    z-index:99;
    }
    .wizardStepList{
        position:relative;
        top:0;
        left:0;
    }
    .siteMangeMobileMenu{
        display:block;
    }
    .systemSection .form-group.col-md-6{
        width:auto;
    }
    .form-group.formGroupClientAssignment{
        display:inherit;
    } 
    .k-widget.k-popup.k-notification{
        margin-left:30px;
    }   

      .validationSuccess div {
       display:block;
       width: 100% !important;
    }     

    p.import_icon {
       margin: 0 auto;
    }

    .noData.validationSuccess {
        top: 32%;
    }

    .uploadContentDiv .k-dropzone .k-upload-status-total, .newPressTemplateWindow .k-dropzone .k-upload-status-total {
       left: 3%;
       top: 23%;
    }

    #spotterImportLogs .k-pager-numbers.k-reset li span {
        line-height: 25px;
    }
     
    .RecentAlert:after {
        margin-top: -45px;
    }

    .k-animation-container.TooltipsWidthChange {
        left: 34px !important;
        width: 250px !important;        
    }

    #variableVarianceContainer #verticalTabCol {
        width: 100%;
    }

    #variableVarianceContainer .wrapChart_box .variableVarianceChartMin {
        width: 100%;
    }
    .settingOption .customSwitch span {
        padding-left: 3px;
        padding-right: 3px;
    }

    .divProgrammeNote span {
        left: 0 !important;
    }

    /* Vishal Start */
    .uploadWizard .wizardFormContent .spotterUploadProcessFooter:nth-child(1) {
        position: absolute;
        width:97.4%;
        top: 68px;
    }    

    .uploadContentDiv {
        padding-top: 41px;
    }

    .campaignDatePresetList {
        min-width: 120px !important;
        width: 120px;
        overflow: auto;
    }

    .divDateRangePickerDate input[type="text"] {
        min-width: 112px;
    }

    .campaignDatePresetContainer {
        max-width: 600px;
        width: 600px;
    }

	.k-window #costSpotFileVersion {
		max-width: 450px;
	}
}

/*==========768px end=========*/

@media screen and (max-width: 767px) {

  
           .upcominggridBlock {
		overflow-x: scroll;
    }

	#upcomingSpotsGrid, #pastSpotsGrid {
		width: 100%;
    }

    .k-grid-edit:after {
		content: "Edit";
}

    .topNav ul li a {
		font-size: 16px;
		height: 55px;
		padding: 40px 10px 48px;
    }

    .searchform {
        position: relative;
    }

    .headermenu li:nth-child(4), .breadcrumb-wrapper, .headermenu .dropdown-menu:after, .panel-email .col-sm-3 {
        display: none;
    }

    .leftpanel .searchform,
    .leftpanel .userlogged {
        display: block;
    }

    .rightpanel .nav-tabs.nav-justified > li > a,
    .rightpanel .nav-justified > li > a {
        margin-bottom: 0;
    }

    .bubbleBlock {
		width: 100%;
    }

	li.helpText:hover a {
		background: url("/Content/Images/helpIcon.png") no-repeat scroll center center rgba(0, 0, 0, 0) !important;
	}

	li.dragBlock:hover a {
		background: url("/Content/Images/dragIcon.png") no-repeat scroll center center rgba(0, 0, 0, 0) !important;
	}

	li.exportExcel a:hover {
		background: url("/Content/Images/exportExcelIcontab.png") no-repeat scroll center center rgba(0, 0, 0, 0) !important;
	}

	li.exportChart a:hover {
		background: url("/Content/Images/exportchartIcontab.png") no-repeat scroll center center rgba(0, 0, 0, 0) !important;
	}

	#demographyContent {
		padding: 0px;
		top: -240px !important;
}

	#demographyTabs {
		border-top: 1px solid #3c3c3c;
		top: 333px;
	}

	li.demographyGender a, li.demographyPostal a, li.demographyAge a, li.demographyRegion a {
		padding: 0px 10px !important;
		border-right: 0px !important;
		border-top-left-radius: 0px !important;
		border-top-right-radius: 0px !important;
		min-height: 0px;
	}

		li.demographyGender a span, li.demographyAge a span, li.demographyRegion a span, li.demographyPostal a span {
			font-size: 15px;
			line-height: 18px;
			padding-top: 4px !important;
		}

	#lblMaxGender, #lblMaxAge, #lblMaxRegion, #lblMaxArea {
		font-size: 23px;
		line-height: 9px !important;
		margin: 0 !important;
		padding: 0px 5px 0px 0 !important;
		text-align: right;
		width: 100%;
		cursor: pointer;
	}
    .panel-body.helpScreen {
		width: 100%;
		padding: 0 10px;
	}

		.panel-body.helpScreen .helpLargeImage, .panel-body.helpScreen .helpLargeImage img {
			width: 100%;
		}

	#menuAddDirectory {
		top: -52px !important;
	}
    /*Orignal css changes*/
	.topNav {
		width: 100%;
		border: 0 none;
	}

		.topNav ul {
			display: inline-block;
			background: #4e4e4e;
			right: 0px;
			z-index: 20000000;
			float: right;
		}

			.topNav ul li {
				display: block;
				float: left;
				border-right: 0 none;
				width: 100%;
			}

 .panelBtn {
		top: 0;
	}

	.navbar-collapse {
		min-height: 390px;
    }

.navbar-nav {
	margin: 0 -15px;
}

.navbar-collapse {
}

.navbar-default .navbar-toggle {
		border-color: #ff962f;
	margin-top: 20px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: inherit;
}

		.navbar-default .navbar-toggle:hover {
			border-color: #e1e1e1;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #ff962f;
}

		.navbar-default .navbar-toggle:hover .icon-bar {
			background-color: #e1e1e1;
		}

.navbar-default .navbar-nav .open .dropdown-menu > li {
	color: #5e5e5e;
	font-size: 13px;
	background-color: transparent;
	border-bottom: 1px dotted #e1e1e1;
	padding: 10px 15px;
}

.navbar-default .navbar-nav .open .dropdown-menu > li:last-child {
	border: none;
}

.navbar-default .navbar-nav > li {
	border-bottom: 1px solid #e1e1e1;
}

.navbar-default .navbar-nav > li > a {
	padding: 15px 15px 15px 15px;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	border-bottom: 1px solid #e1e1e1;
}

.navbar-default .navbar-nav li:last-child {
	border-bottom: none;
}

.navbar-default .navbar-nav .open .dropdown-menu {
	padding: 0;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	background-color: transparent;
}

.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
	background-color: transparent;
}

.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
	color: #cccccc;
	background-color: transparent;
}

	.dashboardSection.popCompaire .k-tabstrip-wrapper {
		margin-left: 5px;
	}
/* Navbar */
 .topNav ul{
        display:flex;
        flex-direction:column;
    }
    .topNav ul li:first-child {
        order: 8;
    }
    .topNav ul li:nth-child(2) {
      order: 7;
    }
    .topNav ul li:nth-child(3) {
      order: 6;
    }
    .topNav ul li:nth-child(4) {
      order: 5;
    }
    .topNav ul li:nth-child(5) {
      order: 4;
    }
    .topNav ul li:nth-child(6) {
      order: 3;
    }
	.topNav ul li:nth-child(7) {
		order: 2;
	}
    .navbar-default .navbar-nav li:last-child {
      order: 1;
      border-bottom:1px solid #e1e1e1;
    }
    .digitAllConfig .k-grid table, .digitAllConfig.k-grid table {
        min-width:1000px;
    }
    .inputFeesGrid .k-grid table{
        min-width:1400px;
    }
    .forecastGrid.gridEditorLocator{
        overflow:auto !important;
    }

	.topNav a.newSpotter, .topNav a.oldSpotter {
		background-position: 30% 41%;
	}   

    .varinfo .k-icon {
		right: -31px;
	}

	.variableChart , .reportContentDiv , .divFiltersGrid{
		margin-right: 0px !important;
		padding-right: 0px !important;
	}

	.chartVariableInfo {
		width: 100%;
		background: #fff;
	}

	.clashingSpotCountBlock, .customSpotCountBlock {
		width: 97% !important;
		margin: 0 20px 8px 0 !important;
	}

	.k-grid tbody .k-command-cell .k-button {
		min-width: 30px;
	}

	#quickSearch {
		width: 320px !important;
	}

	div#uploadFormWizard {
		display: flex;
		flex-direction: column;
	}

	.formWizard {
		order: 0;
	}

	.uploadWizard {
		order: 2;
	}

	#spotterImport .variableInfoData {
		position: relative;
		top: 0 !important;
		order: 1;
		margin-left: 17px;
		float: none;
	}

	.uploadWizard {
		margin-right: 0 !important;
	}

	fieldset.validationFS div {
		width: 100%;
		overflow: auto;
	}

	.fieldsetStnMap {
		float: none;
		width: 99% !important;
	}

	.stnmapwrap .divSearchStation {
		float: none;
		width: 98% !important;
		margin-bottom: 16px;
	}

	#spotterImport .chartVariableInfo {
		width: 100%;
	}

    #spotterImport .variableInfoData  {
        height: auto;
	}

	.uploadWizard .form-fieldset fieldset {
		padding-bottom: 50px !important;
	}

	div#matchDataSummary {
		overflow: auto;
	}

	.stationContentTab .nav-tabs.ULvariableData li a {
		padding: 7px 2px;
		width: 79px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	.margigTabStation .nav-tabs > li.active > a, .margigTabStation .nav-tabs > li.active > a:hover, 
	.margigTabStation .nav-tabs > li.active > a:focus {
		width: 79px;
	}

	#stationmappingpopup {
		left: 5%;
	}

	.form-campaingDatePicker {
		width: 70%;
	}

	.clientSearch, .mediaTypeSearch {
		display: block;
	}

	.userProfileMain ul.k-tabstrip-items {
		width: 100%;
	}

	.k-active-filter, .k-state-active, .k-state-active:hover {
		border-color: transparent;
	}

	#Editprofile .col-md-7 {
		padding-left: 0 !important;
	}

	#divdisclaimer {
		min-width: auto;
	}

	.passwordMust {
		margin-left: 0;
	}

	.validationSuccess div {
		width: 100%;
	}

    .fieldsetStnMap .divStatusToggle {
        width: 100% !important;
    }

     i#iSpotterImportInfo:hover .iSpotterImportInfoPopup, i#iSpotterImportInfo:hover span.iSpotterImportInfoArrow {
       display: block;
    }

    #fileUploadControl i#iSpotterImportInfo {
        float: none !important;
		top: 6px;
		left: 5px;
		position: relative !important;
    }

    #fileUploadControl span.iSpotterImportInfoArrow {
        top: auto;
        margin-left: 220px;
        margin-top: 4px;
    }

	#tvActivityReport { 
		margin-right: 134px; 
	} 
	
	.nav-tabs.barbnav > li > a { 
		padding: 6px 2px !important; 
	} 
	
	.variableFilterSearchWrap span { 
		right: 10px; 
	} 
	
	.variableFilterSearch { 
		font-size: 12px; 
	} 
	
	.tvActivity #divZoomChartContainer .tab-content { 
		height: calc(75% - 50px) !important;
	} 
	
	.col-sm-6.barbChartContainer { 
		height: 506px; 
	} 
	
	#languageDropdown .k-dropdown { 
		height: 31px;
	} 
	
	.navbar-brand>img { 
		display: inline;
	} 
	
	tvActivity #divChartContainer .tab-content { 
		height: 100%; 
	} 
	
	#iClearVariableFilter { 
		right: 0px; 
		margin-top: -30px; 
	} 
	
	footer { 
		padding-bottom: 43px;
	} 
	
	.clientSearch>label , label#ddlProduct_label , .barbKpi > label , label#ddlFocus_label{
		width: 70px;
	} 
	
	.searchPanelNav .k-dropdown { 
		width: 240px !important; 
	}

	#fileUploadControl #iSpotterImportInfo {
		margin-left: -40px;
	}

	div#fileUploadControl {
		margin-bottom: 10px;
	}
	#productSelector .right .k-listbox .k-list-scroller li {
		width: 91%;
	}

	#productSelector .right .k-listbox .k-list-scroller li .overflowText {
		width: 92%;
	}

	#productSelector .right .k-listbox .k-list-scroller li .overflowText:nth-child(2) {
		border-top: 1px solid #fff;
	}

	#languageDropdown .k-dropdown {
		height: 30px;
	}

	#chartDataContainer li.favTabClick {
		width: 47%;
		height: 35px;
		margin-bottom: 6px;
	}

	#chartDataContainer .nav-tabs.ULvariableData li a {
		width: 100%;
	}

	.variableChart .nav-tabs > li > a {
		padding: 7px 5px;
	}

	.variableChart ul.nav.nav-tabs {
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		padding-bottom: 6px;
	}

	.variableChart ul.nav.nav-tabs li:nth-child(5) , .variableChart ul.nav.nav-tabs li.liAllKPI:nth-child(3) {
		order: 10;
		font-size: 12px;
	}

	.variableChart ul.nav.nav-tabs li:nth-child(4) {
		font-size: 12px;
		order: 9;
	}

	.removeRightMargin {
		margin-left: 0 !important;
	}

	.variableData {
		position: absolute;
		z-index: 99;
	}

	.variableChart .popover {
		right: 0px;
		left: -80px;
	}

	.variableChart ul.nav-tabs li.chartKPI {
	    margin-left: 5px;
	}
	.crossTabContentDiv a.nav-link.dropdown-toggle {
		padding: 8px 3px;
	}
	.itcContent a.hiddenVariableInfo {
		top: 85px !important;
		right: -8px;
	}

	.kpiGridContent #liToggleDetailInt label.editor-label {
		width: 120px;
	}

	.variableChart ul.nav.nav-tabs {
		padding-right: 40px !important;
	}

	.divFiltersGrid {
		padding-right: 0px !important;
	}

	#gridContainer , .chartContent .tab-content , #crossTabContainer ul.nav.nav-tabs , .crossTabContentDiv , #tvActivityReport {
		margin-right: 0px !important;
	}

	.clashingSpotContent a.hiddenVariableInfo {
		top: 20px;
	}

	.kpiGridContent .hiddenVariableInfo {
		    top: 7px;
			right: -7px;
	}

	#languageDropdown {
		padding-top: 0 !important,;
	}

	.livechartTitle span#chartCaption , .historicChartOptions #chartCaption {
		padding-bottom: 10px;
		display: block;
	}

	.tabstrip-container #dailyPulseTabstrip .col-sm-6.odd , .tabstrip-container #dailyPulseTabstrip .col-sm-6 {
		margin-right: 0;
		width: 98%;
	}

	.pulseChartDiv .nav-tabs > li > a {
		padding: 5px 2px;
	}

	#divPulseKPIs #divToolBarAssign a {
		margin-right: 0px
	}

	#divChartManipulation .descriptionGroup .flex-container {
		display: block !important;
	}

	.crossTabContentDiv .nav-tabs > li > a {
		padding: 4px 2px;
	}

	.kpiGridContent .hiddenVariableInfo {
		right: 5px;
	}

	#selectedprogramme input.k-button.pull-right.active {
		margin-top: 47px !important;
	}

	#ClientSummary #popTabButtonUI.nav-tabs.ULvariableData li {
		width: 32%;
		height: 39px;
		margin-bottom: 5px;
		font-size: 13px;
		text-align: center;
	}

	#ClientSummary #popTabButtonUI.nav-tabs.ULvariableData li a {
		padding: 9px 3px;
		width: 100%;
	}

	#summarynoteBlock {
		position:static;
		width: auto;
	}

	.summamryDataList ul#MinuteWeightLastEffDate li, .summamryDataList ul#WhiteNoiseLastEffDate li {
		font-weight: bold;
		word-break: break-all;
	}
	.nextSpotWrap {
		margin-top: -5px;
	}

	.header-right {
		width: 115px;
	}

	div.HelpBlock , #lnkReleaseNotes{
		display: none;
	}

	#fileUploadControl i#iSpotterImportInfo .iSpotterImportInfoPopup {
        min-width: 300px;
		left: -199px;
    }	

	.divTabOuterWrap .divTabMainWrap {
		margin-right: 0;
	}

	div#campaignStatusChartSwitch span {
		width: 77px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.ULvariableDataTop.reducePiepadding li a {
		padding: 5px 5px !important;
	}

	#variableVarianceContainer .overflowText {
		min-width: 150px;
	}

	.liVariance b {
		font-size: 10px;
	}

	#verticalTabCol .sideways {
		min-height: 100%;
		display: flex;
		white-space: nowrap;
		overflow: auto;
		height: 70px;
	}

	#verticalTabCol .ulVarianceScroll {
		max-height: 100%;
	}

	#variableVarianceContainer.col-md-12 .wrapChart_box #verticalTabCol {
		width: 100%;
		float: none;
	}

	.slideVariable.left-slide {
		display: none;
	}

	#variableVarianceContainer .settingOption {
		position: absolute;
		right: 12px;
		top: 0px;
	}

	#variableVarianceContainer.col-md-12 .wrapChart_box #variableSearch {
		width: 101%;
	}

	.topNavigation ul {
		display: inline-block;
		padding-left: 0;
		width: 100%;
	}

	.topNavigation {
		position: absolute;
		width: 100%;
		top: 102px;
		left: 0;
		background: #2b2b2b;
		padding: 0;
		margin: 0;
		height: auto;
		max-height: 360px;
	    overflow: auto;
		display: none;
		border-bottom: 3px solid #ff962f;
	}

	.topNavigation ul > li > a {
		padding: 10px 14px 9px 24px;
		background-position: 18px 17px !important;
		height: 40px;
		border-bottom: 1px solid #606060;
		background-image: none !important;
		font-size: 14px;
	}

	.topNavigation ul > li:last-child > a {
		border-bottom: none;
	}

	a.mobileMenu {
		display: block;
		top: 48px;
	}

	.topNavigation > ul > li .dropDownicons , .topNavigation > ul > li ul .dropDownlist ,
	.topNavigation > ul > li ul .dropDownlist li .dropDownlist{
		animation: none;
		position: relative;
		top: 0;
		width: 100%;
		left: 0;
		margin: 0;
	}

	.topNavigation ul li.dropDownli:after {
		content: none;
	}

	.topNavigation ul li.dropDownli:before {
		content: "";
		border: solid #2b2b2b;
		border-width: 0 2px 2px 0;
		display: inline-block;
		padding: 3px;
		transform: rotate(42deg);
		position: absolute;
		right: 12px;
		margin-top: 13px;
	}

	.languageDropdown .k-dropdown-wrap.k-state-default {
		width: 30px;
	}

	.languageDropdown span.k-widget.k-dropdown {
		width: 40px;
	}
	
	.languageDropdown .k-dropdown-wrap .k-input {
		width: 40px;
	}

	.languageDropdown .k-icon.k-i-arrow-60-down {
		right: 9px;
	}

	li.languageDropdown {
		width: 50px;
	}

	.quoteMsg {
		background: #fd984b;
		height: 123px;
		bottom: 10px;
		padding: 10px;
		width: 298px;
		left: 10px;
	}

	.quoteMsg .closeQuote {
		right: -9px;
		top: 4px;
	}

	.armAppLogo {
		overflow: hidden;
	}

	.armAppLogo img {
		width: 100px;
		position: relative;
		right: 10px;
	}

	.headerBreadcrumb ul li {
		font-size: 11px;
	}

	.headerBreadcrumb ul li b i {
		padding: 2px;
		margin: 0px 3px;
	}

	.headerBreadcrumb ul {
		margin: 3px 0px 0 -6px;
		width: 64%;
	}

	.headerBreadcrumb {
		padding: 6px 2px;
	}

	.userMenu {
		right: 9px;
	}
	
	.userMenu.userMenuWithCB {
		right: 67px;
	}

	.topNavigation > ul > li > .dropDownicons > li > a span {
        background: none !important;
    }

    .topNavigation > ul > li > .dropDownicons > li > a {
        padding: 15px 20px 15px 23px;
        font-size: 13px;
    }

    .topNavigation > ul > li ul .dropDownlist a {
        font-size: 12px;
        padding: 17px 23px;
    }

	.stickyheader .mainpanel {
		padding-top: 116px;
	}

	.loginContainer {
		box-sizing: content-box;
	}

	#fileUploadControl #iSpotterImportInfo {
		z-index: 9 !important;
	}

	.popHeaer {
		display: block;
	}

	#CompareDayHeader {
		margin: 0;
		float: none;
		position: relative;
		top: -4px;
		right: 0;
		display: block;
		padding: 0 5px;
	}

	KpiInsightSection.darkTheme .dashboardSection h1 {
		margin-left: 6px;
	}

	.tabChartContent .col-md-4 , #tabTVContent .col-md-4 {
		width: 97% !important;
	}

	.topStations, .dailySalesChart, .totalCostDonut, .salesByStations {
		height: 100%;
	}

	.stationContentTab .settingOption {
		top: -36px;
	}

	.popCompaire #tabstrip {
		padding: 0 0px;
	}

	#ChangeBackground.PopKpiInsightSection.darkTheme .dashboardSection h1 {
		margin-left: 5px;
	}
	.chatBotWrapper {
		width: 90% !important;
	}
	.chatMode {
		display: none;
	}
	.chatproductDropdown span.k-widget.k-dropdown.form-control {
		width: 156px;
	}
}

/*==========767px end=========*/

@media screen and (max-width: 667px) {
    .k-widget.k-window.clientWindow{
        width:100% !important;
    }
    .clientSites .k-grid table, #DVCompetitor.k-grid table, #usersGrid.k-grid table{
        min-width:1000px;
    }
    #formClientGroupTabContent .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar, .formGroupClientAssignment .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar {
        right:inherit;
        top:107%;
    }
    #formClientGroupTabContent .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar li, .formGroupClientAssignment .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar li{
        display:inline-block;
    }
    #formClientGroupTabContent .listBoxContainer.pull-right, .formGroupClientAssignment .listBoxContainer.pull-right {
        float:left !important;        
    }
    #formClientGroupTabContent .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar li a .k-icon, .formGroupClientAssignment .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar li a .k-icon{
        transform:rotate(90deg);
    }
    .mediaSection{
        width:100%;
    }
    #availableClientGroupHint.listBoxHint{
        margin-top:40px;
    }
	.nextSpotWrap .nextSpottxt {
		height: 49px;
	}
}

/*==========667px end=========*/

@media screen and (max-width: 640px) {
     .upcominggridBlock {
		overflow-x: scroll;
    }
     .siteManagementSteps.col-md-3{
         width:80%;
     }

    .topNav ul li a {
		font-size: 16px;
		height: 55px;
		padding: 40px 5px 48px;
    }

    .armLogo {
		width: 100px;
    }

	.headerQuotes {      
        display: none;    }

    .notfoundpanel {
        width: auto;
        padding: 0 20px;
    }

    .notfoundpanel h1 {
        font-size: 72px;
        line-height: 72px;
    }

    .notfoundpanel h3 {
        font-size: 14px;
        line-height: normal;
    }

    .notfound h4 {
        font-size: 12px;
        line-height: 18px;
    }

    .notfoundpanel form {
        width: auto;
    }

    .notfoundpanel .form-control {
        float: none;
        width: 100%;
    }

    .notfoundpanel .btn {
        margin-top: 10px;
        width: 100%;
    }

    .signinpanel,
    .signuppanel {
        margin: 0 auto;
        width: 480px;
        padding: 20px;
    }

    .signinpanel form {
        margin-top: 20px;
    }

    .signup-footer {
        margin-bottom: 10px;
    }

    .signuppanel .form-control {
        margin-bottom: 10px;
    }

    .signup-footer .pull-left,
    .signup-footer .pull-right {
        float: none !important;
        text-align: center;
    }

    .widget-quick-status-post .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
        margin-bottom: -5px;
    }

    .widget-quick-status-post .nav-tabs.nav-justified > li a {
        margin: 0;
    }

    .nav-tabs.nav-justified.nav-profile > li {
        float: none;
        margin-bottom: 0;
        display: table-cell;
        width: 1%;
    }

    .nav-tabs.nav-justified.nav-profile > li a {
        margin: 0;
        -moz-border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
    }

    .dataTables_info {
        float: none !important;
        text-align: center;
        margin-bottom: 10px;
    }

    .dataTables_paginate {
        margin-bottom: 10px;
        text-align: center !important;
        float: none !important;
    }

    .paginate_disabled_previous,
    .paginate_enabled_previous,
    .paginate_disabled_next,
    .paginate_enabled_next {
        float: none !important;
    }

    .dataTables_filter,
    .dataTables_length {
        float: none !important;
        padding: 10px 0 0 10px;
        margin: auto !important;
        display: inline-block;
    }

    .table.dataTable th,
    .table.dataTable td {
        font-size: 13px;
        min-width: 150px;
    }

    .paging_full_numbers {
        min-width: 500px;
        margin: 0 0 10px 10px;
    }

    .paging_full_numbers:after {
        clear: both;
        display: block;
        content: '';
    }

	.topNav li#rightarmLink {
		display: block;
    }
	.searchSetting {
		margin: 5px 10px 10px 58px;
	}

	.dateSearch > label {
		width: 72px;
	}

	.clientSearch > label {
		width: 50px;
	}

	.industrySearch > label {
		width: 53px;
	}

	.HitwiseSearch {
		width: 282px;
	}

	.searchPanel .k-dropdown {
		min-width: 190px;
	}
	#demographyContent {
		padding: 0px;
		top: -240px !important;
	}

	#demographyTabs {
		border-top: 1px solid #3c3c3c;
		top: 333px;
	}

	li.demographyGender a, li.demographyPostal a, li.demographyAge a, li.demographyRegion a {
		padding: 0px 10px !important;
		border-right: 0px !important;
		border-top-left-radius: 0px !important;
		border-top-right-radius: 0px !important;
	}

		li.demographyGender a span, li.demographyAge a span, li.demographyRegion a span, li.demographyPostal a span {
			font-size: 15px;
			line-height: 18px;
			padding-top: 4px !important;
		}

	#lblMaxGender, #lblMaxAge, #lblMaxRegion, #lblMaxArea {
		font-size: 23px;
		line-height: 9px !important;
		margin: 0 !important;
		padding: 0px 5px 0px 0 !important;
		text-align: right;
		width: 100%;
		cursor: pointer;
	}

	.nav-tabs li.active a.spriteImage.toggleChartSprite, .nav-tabs li.active a.spriteImage.toggleChartSprite:hover {
    background-position: -166px -64px !important;
		transition: none !important;
		cursor: pointer;
}

.nav-tabs li a:hover.spriteImage.toggleChartSprite {
    background-position: -166px -34px !important;
    transition: none !important;
}

.nav-tabs li a.spriteImage.toggleChartSprite {
    background-position: -166px -34px !important;
    transition: none !important;
}

.nav-tabs li a:hover.spriteImage.groupChartSprite {
    background-position: -202px -95px !important;
    transition: none !important;
}

.nav-tabs li a.spriteImage.groupChartSprite {
    background-position: -202px -95px !important;
    transition: none !important;
}

.nav-tabs li.activeBarb a.spriteImage.groupChartSprite {
    background-position: -202px -161px !important;
    transition: none !important;
		cursor: pointer;
}

.nav-tabs li a:hover.spriteImage.averageLineSprite {
    background-position: -202px -3px !important;
    transition: none !important;
}

.nav-tabs li.activeBarb a.spriteImage.averageLineSprite {
    background-position: -202px -64px !important;
    transition: none !important;
		cursor: pointer;
}

.nav-tabs li a.spriteImage.averageLineSprite {
    background-position: -202px -3px !important;
    transition: none !important;
}

.nav-tabs li a:hover.spriteImage.switchLegendSprite {
    background-position: -201px -194px !important;
    transition: none !important;
}

.nav-tabs li a.spriteImage.switchLegendSprite {
    background-position: -201px -194px !important;
    transition: none !important;
}

.nav-tabs li.activeBarb a.spriteImage.switchLegendSprite {
    background-position: -201px -250px !important;
    transition: none !important;
		cursor: pointer;
}

/* ARME-77 CSS for stach chart 100% icon */
.nav-tabs li a.spriteImage.stackChart100Sprite {
		background-position: -130px -307px !important;
		transition: none;
		border-left: 1px solid #dadada !important;
		cursor: pointer;
}

.nav-tabs li a:hover.spriteImage.stackChart100Sprite {
		background-position: -130px -307px !important;
		transition: none !important;
}

.nav-tabs li.activeBarb a.spriteImage.stackChart100Sprite {
		background-position: -115px -403px !important;
		transition: none !important;
}

.nav-tabs li.active a.spriteImage.helpTextSprite, .nav-tabs li a:hover.spriteImage.helpTextSprite {
    background-position: -3px -29px !important;
    transition: none !important;
}

	-ms-high .nav-tabs li a.spriteImage.helpTextSprite {
    background-position: -3px -29px !important;
    transition: none !important;
}

	#divVisitShareGrid .k-grid-content, #divVisitShareGrid .k-grid-header-wrap {
		width: 307px !important;
	}

	.searchPanel {
		margin-bottom: 15px;
        padding:0;
	}

	#divVisitShareGrid .k-grid-content td {
		border-left: 1px solid #ccc !important;
	}

	#divVisitShareGrid .k-grid-footer-locked {
		width: 300px !important;
	}
/*
#divGridClientIndustries .k-grid-edit:after{ content:"";}
#divGridClientIndustries .k-button.k-button-icontext.k-grid-delete:after{ content:"" !important;}
#divGridClientIndustries .k-grid-edit, #divGridClientIndustries .k-grid-delete{ min-width:30px !important; padding:0 0 2px 5px;}
*/
	.row-pad-5.searchPanel.browsePage {
		margin-bottom: 44px;
	}

	#TreeViewContainer.col-sm-2 {
		width: 35% !important;
		float: left;
		margin-bottom: 0px;
	}

	#GridContainer.col-sm-8 {
		width: 64% !important;
		float: left;
	}

	.browseSearchContainer {
		width: 68% !important;
		top: 15px;
		left: 30% !important;
	}

	#DescriptionContainer {
		display: none;
	}

	searchDescriptionContainer {
		display: none;
	}

	.divTotalFilesIcon {
		background-size: 32% !important;
	}

	.divTotalFileSizeIcon {
		background-size: 23% !important;
	}

	.divTotalViewsIcon {
		background-size: 29% !important;
		width: 32% !important;
	}

	.divTotalDownloadsIcon {
		background-size: 24% !important;
		width: 32% !important;
	}

	#dirTreeViewParent {
		display: none;
	}
/*#DescriptionContainer{ display:none !important;}*/
	.browsePageContent #GridContainer.col-sm-8 {
		width: 100% !important;
		clear: both;
	}

	#searchDescriptionContainer {
		display: none !important;
	}

/*Edit Folder Popup CSS for iPhone*/
	.customWidthPopup #divFolderName {
		width: 374px;
	}

	.customWidthPopup .field-validation-error {
		margin-top: 3px !important;
	}

    /*commented ARME-644 4-4-19*/
	/*#divFile.editor-field, #divCreative.editor-field {
		width: 60% !important;
	}*/

	#creativeName {
		max-width: none !important;
		padding: 5px 0 0 !important;
	}

	#breadcrumb {
		width: 71% !important;
	}

	#sendlistItems {
		width: 29% !important;
	}

	#viewFileDescriptionContainer {
		display: none;
	}

	.downloadContent {
		font-size: 18px !important;
	}

	#divSendEmailWindow .editor-label {
		margin-left: -4px !important;
	}

	#divSendEmailWindow .actionBtnBlck .editor-label {
		display: none !important;
	}

	#ParentFolder_validationMessage {
		display: block;
	}
/*ARMALYTICS-231 Fix :: Issue # 4 - Submit & Cancel button is placed at the bottom of Add/Edit dialog box.*/
	#divDirectoryManipulation .km-scroll-container {
		height: 46% !important;
	}

	#divFileViewerContainer {
		clear: both;
		padding: 5px 0 0;
	}

	.k-widget.k-window.customSendEmail {
		overflow: hidden !important;
	}

	.k-widget.k-window.customWidthFilter {
		width: 90% !important;
	}

	#divVariableContainer .form-group {
		float: none !important;
		width: auto !important;
	}

	#divDocViewer .groupdocs_viewer_wrapper {
		width: 512px;
	}

	#divTermsWindow .k-button.k-button-icontext.skinBtn {
		margin: 0px !important;
	}

	.advSearchIcon {
		clear: none !important;
	}

	.barbSearch .advSearchIcon, .barbSearch .mappingSetupIcon {
		margin: 0 0 0 10px !important;
	}

	.latestPulseChartTitle {
		display: none !important;
	}

	#spotsGrid {
		width: 500px;
	}

	.historicSearch .dateSearch > label {
		width: 30px !important;
	}

	.historicSearch .clientSearch > label {
		width: 38px;
	}

	.historicSearch .dateSearch {
		clear: none;
	}

	.barbSearch .barbKpi {
		margin-left: 0px;
		margin-top: 0px;
	}

	.barbKpi > label {
		width: 100px;
	}

	.barbSearch #btnSelect {
		margin-top: 3px !important;
	}
/*Added css to fix the add folder,document popup position in mobile landscape view*/
	body.openPanels #menuAddDirectory_mn_active .k-animation-container {
		top: 31px !important;
	}

    .docFullscreenView img#armLogo_Fullscreen {
        display: none !important;
}
/*Vijendra - 22 Feb 2016 - ARME-324 - Change logo at top left to partner logo for some client logins - point css image to image handler (proxy image)*/
	.armLogo {
		width: 186px !important;
		background: rgba(0, 0, 0, 0) url("/Content/images/ARM_logo_alpha.png") no-repeat scroll -5px 11px / 100% !important;
	}

	.userInfoBlock span, .header-right span {
		display: none !important;
     }

/* ARME-227 :: ARMalytics - Changes to hide/show of top section area */
	body.leftpanel-hide .sectionNameBlock {
		width: calc(100% - 175px);
	}

	body.leftpanel-show .sectionNameBlock {
		width: calc(100% - 325px) !important;
	}

/*ARME-231 :: Style for help items in search page mobile devices*/
	.helpTopicContainer {
		margin: 15px 0 0;
	}

	#divAddEditHelp .k-tooltip.field-validation-error {
		max-width: 280px;
		text-align: left;
	}

	#imgShortIconPreview {
		position: initial !important;
		margin-top: 5px;
	}

	#ShortDesc_validationMessage {
		display: block;
	}

	#menuAddDirectory {
		top: -40px !important;
	}

	.ARMInsideSearch .browseSearchContainer {
		width: calc(98% + 2px) !important;
        margin-left:0;
	}
    .ARMVaultBrowse #menuAddDirectory {
		top: -28px !important;
	}
    #divTotalDownloads .summaryTitle {width:70% !important;}
    #divTotalDownloads .divTotalDownloadsIcon {width:29% !important;}
    .armourySearch {width:100%;}
    .armourySearch .k-dropdown {width:50% !important; min-width:50% !important;}
    .ARMVaultBrowse .browseSearchContainer, .ARMVaultSearchContainer .browseSearchContainer{width:100% !important; margin:10px 0 !important;}
    .historicSearch .clientSearch, .historicSearch .productSearch, .historicSearch .CompetitorSearch, .dailyPulse .clientSearch {width:100% !important;}
    body.leftpanel-hide .sectionNameBlock.spotPerformancelogo{width:45% !important;}
    .historicSearch label, .historicSearch .dateSearch > label {width:100px !important;}
    .searchPanel.historicSearch input[type="text"]{min-width:100% !important; width:100% !important;}
    .dailyPulse .frequencySearch{margin-left:inherit;}    
    .searchSetting{margin-left:100px; height:inherit;}
    .searchSetting a.k-button {margin-bottom:10px;}
    .searchSpotsIcon {float:left; margin:0 0 0 10px !important;}

    .form-inline.searchForm{
        display:inline-block;
        width:100% !important;
    }
    .navbar-brand{
        width:100%;
        text-align:right;
		margin-top: 10px !important;
    }
    .searchPanelNav{
        display:inline-block;
        width:100%;
    }
    .productSearch, .CompetitorSearch{
        margin-left:0;
    }
    .searchPanelNav .k-widget.k-datepicker, .searchPanelNav .k-widget.k-timepicker {
        width:70%;
    }
    #rapsSwitch{
        display:none;
    }
    #ProductContainer .k-widget.k-multiselect, .CompetitorSearch .k-widget.k-multiselect{
        width:72%;
    }
    .PageKPIGrid .KpiList .k-dropdown{
        margin-right:15px !important;
    }
    .rapsureReport .k-grid table {
        min-width:1000px;
    }
    .nav-tabs.barbnav > li > a{
        padding:10px !important;
    }
    .k-grid table{
        min-width:1000px;
    }
    #armUsersGrid.k-grid table, #clientUsersGrid.k-grid table, #extraInfoTypesGrid.k-grid table, #responseTypesGrid.k-grid table{
        min-width:inherit;
    }
    #editClientGroupTab.k-tabstrip .k-content.k-state-active, #addClientGroupTab.k-tabstrip .k-content.k-state-active{
        padding-left:5px;
    }
    .fileDropZone #logoImage{
        height:50px;
    }
    .inputFeesGrid.k-grid table{
        min-width:1000px;
    }
    .digiNowDashboard .k-widget.k-window{
        height:inherit !important;
        top:100px;
    }
    .k-switch{
        white-space:nowrap;
    }
    .k-switch-label-off, .k-switch-label-on{
        width:auto;
    }
    #divCampaigns #quickSearch, #DVCampaignManagement #quickSearch{
        width:250px !important;
    }
    .armouryTabBorder .k-grid table{
        min-width:100%;
    }
    .browsePageContent .k-pager-wrap.k-pager-sm .k-pager-numbers .k-link, .browsePageContent .k-pager-wrap.k-pager-sm .k-pager-numbers .k-state-selected{
        line-height:26px;
    }
    .k-widget.k-window.customWidthPopup.divDMainpulation{
        width:98% !important;
        height:inherit !important;
    }
    #divDirectoryManipulation .editor-label{
        width:90px;
    }
    .customWidthPopup #divFolderName{
        width:65%;        
    }

	.popover.PopComparison {
		top: 16%!important;
	}

	#divLoadClientViewbtn input.k-button {
		margin-bottom: 10px;
	}

	.stationContentTab .nav-tabs.ULvariableData li.active {
		background: #ff962f;
	}
}

/*==========640px end=========*/

@media screen and (max-width: 599px) {
    .nav-bracket{
        display: inline-block;
        width: 100%;
        margin-top: 10px;
    }
    #rapsSwitch{
        margin-left: 10px;
    }
    .setButtonOuter{font-size:11px;}
    .KPIListCon .k-list-filter{width:140px !important;}
    .addSiteKPIWindow {width:90% !important; left:5% !important;}
}

/*==========599px end=========*/

@media screen and (max-width: 568px) {

	
	.searchPanel .k-dropdown {
		min-width: 168px;
}
    
	.k-dropdown-wrap.k-state-default {
		width: 140px;
}

	.dateSearch {
		margin-left: 0px !important;
}

	.Datepicker-Display-Area {
		width: 185px;
}

	.HitwiseSeachContainer .Datepicker-Display-Area {
		width: 196px;
	}

	input.k-button {
		padding: 0.12em 13px !important;
	}

	.searchPanel input.k-button {
		margin-left: 4px !important;
		padding: 0.12em 13px !important;
        float:left;
}	

	#txtTopXStations {
		width: 167px;
	}

	.nav-tabs li.active a.spriteImage.toggleChartSprite, .nav-tabs li.active a.spriteImage.toggleChartSprite:hover {
		background-position: -166px -64px !important;
		transition: none !important;
		cursor: pointer;
	}

.nav-tabs li a:hover.spriteImage.toggleChartSprite {
    background-position: -166px -34px !important;
    transition: none !important;
}

.nav-tabs li a.spriteImage.toggleChartSprite {
    background-position: -166px -34px !important;
    transition: none !important;
}

	.searchSetting {
		margin: 5px 10px 10px 43px;
	}

	#divVisitShareGrid .k-grid-content td {
		border-left: 1px solid #ccc !important;
}

	#divVisitShareGrid .k-grid-footer-locked {
		width: 300px;
	}

	.barbSearch .k-dropdown {
		min-width: 240px;
	}

	.browsePageContent #GridContainer.col-sm-8 {
		width: 100% !important;
		clear: both;
	}

	.customWidthPopup .k-dropdown-wrap.k-state-default {
		width: 182px;
	}
     .dropdown-menu .k-icon.k-i-search{
      top:46px !important; 
  }
}

/*==========568px end=========*/

@media screen and (max-width: 480px) { 
	.loginContainer, .emailField, .pwdField, .loginBoxBg, .loginBtnBox, .loginBtn {
		width: 100% !important;
	}

    .k-auto-scrollable{
    overflow:auto;
    }
    #divChartManipulation .kpiSelectionList{
        width:100%;
    }
    .kpiSselectedList.pull-right {
        width:100%;
        margin-top:10px;
    }
    .loginInner, .loginBtnBox {
        padding-left: 1px !important;
    }    
.dailyAddEditChart #divChartManipulation .descriptionGroup .form-group .col-sm-6{
    width:49% !important;
    display:inline-block;
    vertical-align:top;
}

.dailyAddEditChart #RightYAxis.tagcontainer, .dailyAddEditChart #LeftYAxis.tagcontainer{
    width:97%;
}
    .sectionNameBlock {
		font-size: 14px;
    }

    .upcominggridBlock {
		overflow-x: scroll;
    }

	#upcomingSpotsGrid, #pastSpotsGrid {
		width: 500px;
    }


    .ui-daterangepicker button.btnDone {
		left: 5px;
    }

    .searchSetting {
		margin: 30px 10px 0px 10px;
}

     .leftpanel-show .header-right {
		margin-right: 0px;
    }

    .subtitle {
		font-size: 13px;
    }
    .k-widget.k-window{
        width:98% !important;
    }   

   #divSettingWindow .k-dropdown {
		width: 100px !important;
        margin-right:11px;
    }
   #txtEstimatedImpacts{
       width:100px !important;
   }
   #dailyPulseTabstrip .col-sm-6{
       width:100%;
   }
   #divToolBarAssign #txtSearch{
       width:190px;
   }
    #divSettingWindow .editor-label {
		margin-left: 0px;
    }

	.userInfoBlock span, .header-right span {
		display: none !important;
     }

        .topNav ul li a {
		font-size: 14px;
		height: 55px;
		padding: 40px 2px 48px;
    }

    .armLogo {
		width: 100px;
    }

    .panel-email .pull-right {
        float: none !important;
    }

    .pageheader h2 {
        font-size: 18px;
    }

    .pageheader .glyphicon,
    .pageheader .fa {
        font-size: 18px;
    }

    .pageheader h2 span {
        font-size: 11px;
    }

    .fc-header td {
        display: block !important;
        text-align: center;
        width: 100%;
        border: 1px solid #eee;
        padding: 10px !important;
        margin-top: -1px;
    }

    .fc-button {
        padding: 2px 5px !important;
        margin: 0 !important;
    }

    .fc-header-title h2 {
        margin: 0 !important;
    }

    .filemanager-options li {
        padding: 5px 7px;
    }

    .filemanager-options .filter-type {
        display: block;
        float: none;
        border-top: 1px solid #eee;
    }

    .comment-list .media-object {
        width: 30px;
        padding: 2px;
    }

    .comment-list .media > .pull-left {
        margin: 0;
    }

    .comment-list h4 {
        font-size: 13px;
    }

    .comment-list .reply {
        font-size: 10px;
        padding: 2px 5px;
    }

    .comment-list .media-body {
        font-size: 12px;
        line-height: 18px;
    }

    .blog-content form {
        margin-bottom: 20px;
    }

    .letter-list {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .letter-list::after {
        clear: both;
        display: block;
        content: '';
    }

    .letter-list li {
        float: left;
        width: auto;
        display: inline-block;
    }

    .letter-list li a {
        display: block;
        padding: 2px 5px;
    }

    .btn-invoice:before {
        display: block;
        content: '';
        clear: both;
    }

    .btn-invoice .btn {
        display: block;
        width: 100%;
        margin-top: 10px;
    }

    .nav-tabs.nav-justified.nav-profile > li a {
        font-size: 13px;
        padding: 14px 10px;
    }

    #bloglist > div {
        padding: 0;
        margin: 0;
        float: none;
        width: auto;
    }

    .searchPanel .col-xs-12 {
		margin-top: 5px;
    }

    .panelBtn {
		height: 15px;
    }


	#demographyContent {
		padding: 0px;
	}
    .errorDiv.mobile {
		height: 170px !important;
}

	.loginBoxBg.mobile {
		height: 450px !important;
	}
    .viewer_mainwrapper {
		top: 120px !important;
}
    #DVWhiteNoise .k-grid-content.k-auto-scrollable{
        height:350px !important;
    }
}

/*==========480px end=========*/

@media screen and (max-width: 425px) {

    #lnkFullscreenModeSettings{
        top:50px;
    }
		.rapsNew .clientSearch, .rapsNew .productSearch, .rapsNew .mediaTypeSearch, .rapsNew .dateSearch, .rapsNew .variableListddl, .rapsNew .frequencySearch, .rapsNew .responseType, .rapsNew .KpiList, .rapsNew .addSecondDate {
		width: 100% !important;
		margin: 0 0 10px 0 !important;
	}

	.clientSearch > label, .productSearch > label, .dateSearch > label, .frequencySearch > label, .responseType > label, .KpiList > label, .mediaTypeSearch > label, .variableListddl > label, .CompetitorSearch > label,
    .mediaTypeContainer > label, .productContainer > label, .templateContainer > label, .stationSearch > label, .effectiveDateDDL > label
     {
		width: 100px !important;
	}

	.rapsNew .searchPanel .k-dropdown, .Datepicker-Display-Area, .searchPanel .frequencySearch .k-dropdown, .searchPanel .responseType .k-dropdown {
		width: 72% !important;
		min-width: 72% !important;
		vertical-align: top;
	}

	
    .Datepicker-Display-Area, .PageKPIGrid .Datepicker-Display-Area {
		width: 70% !important;
        min-width:70% !important;
	}

    .k-dropdown-wrap.k-state-default {
        /*width: 90% !important;*/ /*Vishal - Comment This css*/
        min-width: 90% !important;
    }

     #languageDropdown .k-dropdown-wrap.k-state-default {
        width: auto !important;
         min-width: unset !important;
    }

	.PageKPIGrid .clientSearch, .PageKPIGrid .productSearch, .frequencySearch, .responseType, .KpiList, .dateSearch, .rapsNew .mediaTypeSearch, .PageKPIGrid .mediaTypeSearch, .variableListddl {
		width: 100% !important;
	}

		.searchPanel .k-dropdown, .PageKPIGrid .productSearch .k-widget.k-dropdown.k-header, .searchPanel .frequencySearch .k-dropdown, .searchPanel .responseType .k-dropdown {
			width: 70% !important;
		}

	.responseType, .KpiList {
		margin-left: 0 !important;
	}

	.PageKPIGrid .KpiList .k-dropdown {
		min-width: 50% !important;
		width: 50% !important;
	}

	#divEventTabGrid .preset-name {
		width: 75%;
    }
    .Createsharewindow .k-dropdown-wrap.k-state-default{width:initial !important; min-width:initial !important;}
    #crearesharewindow input[type="text"] {width:200px !important;}
    .dailyPulseChart .copyChart{right:initial;}
    .popCompaire #tabstrip ul li, .popCompaire #tabstripKPI ul li{
        font-size:9px;
    }
    .popCompaire #tabstrip ul, .popCompaire #tabstripKPI ul{
        margin-left:10px !important;
    }
    #divResidual{
        display:inline;
    }
    #divFullscreenModeSettingWindow .editor-field{
        margin-right:0;
        width:68%;
    }
    
    #contentBlock .activeDetails .col-md-4{
        margin-right:0;
    }
    .activeDetails .col-md-4 div{padding:3px;}

    #formClientGroupTabContent .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar, .formGroupClientAssignment .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar {
        right:inherit;
        top:107%;
    }
    #formClientGroupTabContent .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar li, .formGroupClientAssignment .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar li{
        display:inline-block;
    }
    #formClientGroupTabContent .listBoxContainer.pull-right, .formGroupClientAssignment .listBoxContainer.pull-right {
        float:left !important;
        margin-top:35px;
    }
    #formClientGroupTabContent .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar li a .k-icon, .formGroupClientAssignment .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar li a .k-icon{
        transform:rotate(90deg);
    }
    .siteManagement{
        padding:0;
    }
    .siteManagement .title{
        padding-left:10px;
    }
    .mediaSection{
        width:100%;
    }
    .headerTemplate .k-button{
        margin-bottom:5px;
    }
    .editor-field{
          white-space:inherit;
      }
    .k-switch.k-widget{
        vertical-align:top;
        margin-bottom:5px;
    }
    .siteGridManage td .overflowText{
        max-width:65px;
    }
    .nav-tabs.ULvariableData.dashtopNav li a{
        padding:3px;
        font-size:11px;
    }
   .uploadContentDiv{
       margin-right:0;
   }

   #editClientGroupTab .statusToggle {
		margin: 5px auto;
	}

   #divDatabaseManagementGrid tr th, #divDatabaseManagementGrid tr td {
		width: 84px;
	}

   #CreateBtn {
	   margin-left: 0px;
	   margin-top: 10px;
   }
}

/*==========425px end=========*/

@media screen and (max-width: 414px) {
	.rapsNew .productSearch, .rapsNew .clientSearch {
		width: 100% !important;
	}

	.rapsNew .searchPanel label {
		width: 80px !important;
	}

	.rapsNew .addSecondDate label {
		width: 280px !important;
	}

	.rapsNew .searchPanel .k-dropdown-wrap.k-state-default {
		width: 250px !important;
	}

	.variableChart ul.nav-tabs li.chartKPI {
		margin-left: 5px;
	}

	ul.nav-tabs li.copyChart, ul.nav-tabs li.infoChart, ul.nav-tabs li.favChart, ul.nav-tabs li.zoomChart, ul.nav-tabs li.excludeChart, ul.nav-tabs li.splitChart, ul.nav-tabs li.groupedChart, ul.nav-tabs li.drillDown, ul.nav-tabs li.exportToExcel, ul.nav-tabs li.editIconFav {
		padding: 3px 2px;
	}

	#divChartManipulation.kpiDesignList .applyChartType {
		margin-bottom: 3px;
	}

	.k-widget.k-window.customWidthFilter {
		width: 390px !important;
	}
    .k-dropzone .k-upload-status-total{
        left:35%;
    }
}

/*==========414px end=========*/

@media screen and (max-width: 400px) {
	.header_sidescroll .viewer_header_wrapper {
		padding: 6px 1px !important;
}
    .dropdown-menu{
        width:100%;
        box-sizing:border-box;
    }
      #quickSearch{
        width:300px !important;
    }
       #DVEViews #quickSearch{
        width:250px !important;
    }
    #DVEViews #btnRefresh{
        position:absolute;
        top:15px;
    }
    .searchPanelNav .k-dropdown{
        width:66% !important
    }
}

/*==========400px end=========*/

@media screen and (max-width: 375px) {
    .dropdown, .searchPanel .k-dropdown, .PageKPIGrid .productSearch .k-widget.k-dropdown.k-header, .searchPanel .frequencySearch .k-dropdown, .searchPanel .responseType .k-dropdown,
    #ProductContainer .k-widget.k-multiselect, .CompetitorSearch .k-widget.k-multiselect, .rapsNew .searchPanel .k-dropdown, .Datepicker-Display-Area, .PageKPIGrid .Datepicker-Display-Area{
        width:68% !important;
        min-width:68% !important;
    }

	#contentBlock .col-md-4 {
		width: inherit;
	}
    .dropdown.ddlClient_FullscreenModeSetting{
        min-width:87% !important;
    }

	.dashboardContainer .nav .dateSearch {
		position: absolute;
		right: 0;
		top: -50px;
		width: 300px;
	}

	.dashboardContainer .Datepicker-Display-Area {
		width: 225px !important;
	}

	.dashboardContent {
		margin-top: 30px;
	}

	.rapsNew .clientSearch, .rapsNew .productSearch, .rapsNew .mediaTypeSearch, .rapsNew .dateSearch, .rapsNew .variableListddl, .rapsNew .frequencySearch, .rapsNew .responseType, .rapsNew .KpiList, .rapsNew .addSecondDate {
		width: 100% !important;
		margin: 0 0 5px 0;
	}

	.rapsNew .searchPanel label {
		width: 90px !important;
	}

	.rapsNew .searchPanel .addSecondDate {
		width: 100%;
	}

		.rapsNew .searchPanel .addSecondDate label {
			width: 90% !important;
		}

	.rapsNew .searchPanel .k-dropdown-wrap.k-state-default {
		width: 200px !important;
	}

	.rapsNew .searchPanel .k-button.k-button-icontext.skinBtn {
		margin: 0 !important;
	}

	.popCompaire #tabstrip ul li {
		font-size: 10px;
		line-height: 24px;
	}

		.popCompaire #tabstrip ul li span {
			padding: 6px 7px;
		}

	.popCompaire #tabstrip ul {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.stationContentTab .settingOption {
		right: -5px;
		top: -5px;
	}

	.donutTotalCount {
		top: calc(50% - 25px);
	}

	.variableListddl .k-dropdown {
		width: 68% !important;
		min-width: 68% !important;
	}
    .PageKPIGrid .KpiList .k-dropdown {
		min-width: 50% !important;
		width: 50% !important;
	}
    .PageKPIGrid .KpiList .k-dropdown .k-dropdown-wrap.k-state-default {
        width:140px !important; min-width:140px !important;
    }
    .variableChart ul.nav-tabs li.chartKPI {
		margin-left: 0%;
	}

	.favChart, .infoChart, .copyChart {
		position: relative;
	}

	.k-widget.k-window.customWidthFilter {
		width: 360px !important;
	}
    ul#ARMTabNav li a {font-size: 12px;}
    .sectionNameBlock.ARMVaultLogo, .sectionNameBlock.ARMInsideLogo{ font-size:12px;}
    .browseSearchContainer {width:60% !important; margin-left:20px;}
    .searchPanelNav .k-widget.k-datepicker, .searchPanelNav .k-widget.k-timepicker{
        width:68%;
    }
    .uploadFile .k-dropzone em{
        left:50%;
        top:25%;
    }
    .newPressTemplateWindow .uploadFile .k-dropzone em{
        left:-10%;
    }
}

/*==========375px end=========*/

@media screen and (max-width: 360px) {
    #usersGrid .overflowText{
        max-width:50%;
    }
	.sectionNameBlock {
		font-size: 12px;
	}
  
    .searchSetting {
margin: 0px 2px 10px 76px !important;
}

        .searchSetting #btnSave {
			margin-bottom: 2px;
        }


      .topNav ul li a {
		font-size: 12px;
		height: 55px;
		padding: 40px 2px 48px;
    }


    .pageheader h2 span {
        display: none;
    }
    

    .blog-title {
        font-size: 14px;
        line-height: 18px;
    }

    .blog-summary {
        font-size: 12px;
        line-height: 18px;
    }

    .blog-summary .btn {
        padding: 2px 5px;
        display: block;
        width: 100%;
    }

    .headermenu li:first-child .dropdown-menu {
        margin-right: -130px;
    }

    .headermenu li:nth-child(2) .dropdown-menu {
        margin-right: -85px;
    }

    .headermenu li:nth-child(3) .dropdown-menu {
        margin-right: -37px;
    }

    .nav-tabs.nav-justified.nav-profile > li {
        float: none;
        display: block;
        width: auto;
    }

    .blog-media .media-body {
        overflow: visible;
    }

    .follower-list .btn {
        display: block;
        margin: 0 0 5px 0;
        width: 100%;
    }

    .filemanager-options li {
        display: block;
        border-top: 1px solid #eee;
    }

    .filemanager-options li:first-child {
        border-top: 0;
    }

    .authorpanel .media-object {
        width: 80px;
        margin-right: 10px;
    }

    .people-item .media-object {
        width: 80px !important;
        height: 80px !important;
    }

    .pagination {
        margin-bottom: 20px;
    }

	.visitTotal, .visitCookie {
        left: 79px !important;
    }

	#demographyContent {
		padding: 0px;
		top: -240px !important;
	}

	.clientSearch > label, .dateSearch > label {
		width: 72px !important;
	}

	.searchPanel .k-dropdown {
		min-width: 192px !important;
	}

	.Datepicker-Display-Area {
		width: 192px;
	}

	.k-button.k-button-icontext.skinBtn {
		margin-left: 2px;
		padding: 0.12em 16px !important;
	}

	a.skinBtnpurple {
		padding: 2px 16px !important;
	}

	.clientSearch {
		width: 330px !important;
	}

	#btnSave {
		margin-right: 4px;
	}

	.industrySearch {
		margin-left: 0px;
	}

		.industrySearch > label {
			padding-right: 21px;
			width: 72px;
		}

	#demographicContainer .tab-content {
		height: 660px !important;
	}

	.k-dropdown-wrap.k-state-default {
		width: 158px !important;
	}

	.barbSearch .Datepicker-Display-Area {
		width: 243px !important;
		padding-left: 5px;
	}

	.barbSearch .k-dropdown-wrap.k-state-default {
		width: 215px !important;
	}

	.barbSearch #btnSelect {
		margin: 4px 0 0 86px !important;
	}

	.barbSearch .advSearchIcon {
		float: right !important;
		margin-right: 150px !important;
	}

	#txtTopXStations {
		width: 166px !important;
	}

	#divStationChartSettingWindow .k-dropdown-wrap.k-state-default {
		width: 140px !important;
	}

	#divStationChartSettingWindow .k-widget.k-dropdown.k-header {
		width: 166px !important;
	}

	#demographyTabs {
		border-top: 1px solid #3c3c3c;
		top: 333px;
	}

	li.demographyGender a, li.demographyPostal a, li.demographyAge a, li.demographyRegion a {
		padding: 0px 10px !important;
		border-right: 0px !important;
		border-top-left-radius: 0px !important;
		border-top-right-radius: 0px !important;
	}

		li.demographyGender a span, li.demographyAge a span, li.demographyRegion a span, li.demographyPostal a span {
			font-size: 15px;
			line-height: 18px;
			padding-top: 4px !important;
		}

	#lblMaxGender, #lblMaxAge, #lblMaxRegion, #lblMaxArea {
		font-size: 23px;
		line-height: 9px !important;
		margin: 0 !important;
		padding: 0px 5px 0px 0 !important;
		text-align: right;
		width: 100%;
		cursor: pointer;
	}

	#divVisitShareGrid .k-grid-content-locked, #divVisitShareGrid .k-grid-header-locked {
		width: 228px !important;
	}

	#divVisitShareGrid .k-grid-content, #divVisitShareGrid .k-grid-header-wrap {
		width: 99px !important;
	}

	ul.barbnav li.chartSetting a {
		border-left: 1px solid #dadada !important;
	}

	.nav-tabs.barbnav > li > a {
		margin-right: -1px;
		padding: 15px 21px !important;
	}

	.nav-tabs.barbnav li a.spriteImage.helpTextSprite, .nav-tabs.barbnav li a.spriteImage.sortHandler, .nav-tabs.barbnav li a.spriteImage.groupChartSprite, .nav-tabs.barbnav li a.spriteImage.averageLineSprite {
		padding-right: 21px !important;
	}

	.nav-tabs.barbnav li a.spriteImage.exportChartSprite, .nav-tabs.barbnav li a.spriteImage.switchLegendSprite {
		padding-right: 23px !important;
	}

	.nav-tabs.barbnav li a.spriteImage.exportChartSettings {
		padding-right: 21px !important;
	}
   /*Brought from changeset C1370*/
	body#loginBg .k-widget.k-window {
		width: 300px !important;
	}

	#divForgotPassword .editor-label {
		width: 85px;
	}

	#ForgotPasswordDiv .k-textbox {
		padding-left: 0 !important;
		width: 202px !important;
	}

	#divForgotPassword a#btnSubmit {
		margin: 10px 0 0 85px !important;
	}

	#divForgotPassword .forPassBox {
		width: 316px !important;
	}

	.searchPanel {
		margin-bottom: 15px;
	}

	#divVisitShareGrid .k-grid-footer-locked {
		width: 228px !important;
	}

	#divVisitShareGrid .k-grid-footer-wrap {
		width: 166px !important;
	}

		#divVisitShareGrid .k-grid-footer-wrap col {
			width: 99px !important;
		}

	.HitwiseConfig .k-dropdown-wrap.k-state-default {
		width: 162px !important;
	}

	.HitwiseConfig #btnEditDomain {
		display: block;
	}

	.browseSearchContainer {
		margin: 0 0px 15px 15px !important;
		width: 62% !important;
	}

	#treeview {
		display: none;
	}

	#TreeViewContainer.col-sm-2 {
		float: none;
		width: 100%;
	}
/*#DescriptionContainer{ display:none !important;}*/
	#GridContainer.col-sm-8 {
		float: none;
		width: 100% !important;
	}

	#TreeViewContainer .k-button.k-button-icontext.skinBtn {
		margin: 0 !important;
	}

	.divTotalViewsIcon, .divTotalDownloadsIcon, .divTotalFilesIcon {
		background-size: 51% !important;
	}

	.divTotalDownloadsIcon, .divTotalFileSizeIcon {
		background-size: 41% !important;
	}

/*Add Edit Folder,File and Creative Popup CSS for iPhone*/
	.k-widget.k-window.customWidthPopup {
		width: 314px !important;
		min-height: 320px !important;
	}

	.customWidthPopup .editor-label {
		margin-left: 0px;
		width: 160px;
	}

	.customWidthPopup .k-textbox {
		width: 22em !important;
	}

	.customWidthPopup .form-group.actionBtnBlck {
		margin-top: 0px;
	}

	.customWidthPopup #divFolderName {
		width: 203px;
	}

	.customWidthPopup .field-validation-error {
		margin-top: 3px;
	}

	.customWidthPopup #divAddEditFolder_wnd_title, .customWidthPopup #divAddEditFile_wnd_title {
		left: 15px !important;
	}

	.customWidthPopup .k-dropzone {
		width: 297px !important;
	}

	.customWidthPopup #createFolderForFile, .customWidthPopup #createFolderForCreative {
		margin: -5px 0 10px 0;
	}

    /*commented ARME-644 4-4-19*/
	/*#divFile.editor-field, #divCreative.editor-field {
		width: 100% !important;
	}*/

	#ParentFolder, #FolderForCreative, #FolderForFile {
		width: 100% !important;
		clear: both;
	}

	.customWidthPopup .editor-label:empty {
		display: none !important;
	}

	#breadcrumb {
		width: 53% !important;
	}

	#sendlistItems {
		width: 47% !important;
	}

	.customWidthPopup .actionBtnBlck .editor-label {
		display: none;
	}

	.customWidthPopup #btnSave {
		margin: 0 !important;
	}

	.customWidthPopup #ParentFolder {
		top: 57px !important;
		width: 95% !important;
	}

	.customWidthPopup .k-widget.k-dropdown.k-header {
		width: 17em !important;
		z-index: 9 !important;
	}

	.customWidthPopup .k-upload-empty .k-dropzone {
		padding-top: 0px !important;
	}

	#grpAllowDownload .editor-label, #grpSecured .editor-label {
		display: none;
	}

	.customWidthPopup .k-dropdown-wrap.k-state-default {
		width: 198px !important;
	}

	.customWidthPopup .k-upload-status.k-upload-status-total {
		right: 26px;
	}

	#VideoLoading h1 {
		font-size: 15px !important;
	}

	#divSendEmailWindow #btnSave {
		margin-left: 0px !important;
	}
/*send email to prefil popup*/
	.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {
		width: 280px !important;
		word-wrap: break-word;
	}

	#ParentFolder_validationMessage {
		display: block;
	}
/*ARMALYTICS-231 Fix :: Issue # 4 - Submit & Cancel button is placed at the bottom of Add/Edit dialog box.*/
	#divDirectoryManipulation .km-scroll-container {
		height: 40% !important;
	}

	#divFileViewerContainer {
		display: block;
		clear: both;
		padding: 15px 0 0 !important;
	}

	#lnkCreateFolder {
		margin-left: 145px !important;
	}

	.k-window-titlebar.k-header {
		z-index: 9;
	}

	.k-widget.k-window.customWidthPopup {
		overflow: hidden;
	}

	.sendLinkInputContainer {
		width: 85% !important;
	}

	#divSendEmailWindow li.k-tool-group.k-button-group {
		display: inline-block;
	}

	#divSendEmailWindow input#TxtValidity {
		margin-right: 5px;
		float: none;
	}

	#divSendEmailWindow .k-dropdown-wrap.k-state-default {
		width: 182px !important;
	}
/* ARMANALYTICS-144 :: BARB Enemy - Filter screen rename and display as 2 columns */
	#divVariableContainer .form-group {
		width: 100% !important;
	}

	#divAdvanceSearchWindow .k-button.k-button-icontext.skinBtn {
		margin: 0px !important;
	}

	.k-widget.k-window.customWidthFilter {
		width: 300px !important;
	}
/*CSS to fix the popup issue in mobile of top 10 programmes*/
	#divStationChartSettingWindow .k-widget.k-dropdown.k-header {
		width: 166px !important;
	}

	#txtTopXProgrammes {
		width: 166px !important;
	}

	#divProgrammeChartSettingWindow .k-widget.k-dropdown.k-header {
		width: 165px !important;
	}

	#divProgrammeChartSettingWindow .k-dropdown-wrap.k-state-default {
		width: 138px !important;
	}
/*CSS to fix the visit share popup grid overflow issue in mobile view*/
	#divZoomChart #HitwiseZoomChart .tab-content {
		padding: 0px 5px !important;
	}

	#divZoomChart #HitwiseZoomChart .k-grid {
		overflow: hidden !important;
	}

	#HitwiseZoomChart .k-grid-content-locked, #HitwiseZoomChart .k-grid-header-locked {
		width: 200px !important;
		border-right: 1px solid #c5c5c5 !important;
	}

	#divDocViewer .groupdocs_viewer_wrapper {
		width: 305px !important;
	}

	.barbSearch .mappingSetupIcon {
		float: right;
		margin-right: -82px !important;
	}

	.visitCookie {
		top: -6px;
	}

	.uniqueNewVisit {
		top: -13px;
	}

	.visitIP {
		top: -30px;
	}

	#CaptchaText {
		width: 215px !important;
	}

	#imgCaptcha {
		width: 110px !important;
	}

	#CaptchaText_validationMessage {
		left: 0px !important;
	}

	.historicSearch .clientSearch label {
		width: 48px !important;
	}
		.historicSearch .productSearch label {
			width: 48px !important;
		}
	

		.historicSearch .CompetitorSearch > label {
			width: 48px !important;
		}

	.historicSearch .dateSearch > label {
		width: 48px !important;
	}

	.searchSpotbutton {
		margin-left: 30px !important;
	}

	#spotsGridContainer {
		width: 305px !important;
		overflow: scroll;
	}

	#historicChart {
		margin: 32px 0 0 !important;
	}

	.historicChartOptions #chartCaption {
		padding: 6px 0 4px !important;
	}

	.historicChartSetting .editor-label {
		width: 90px;
		padding-left: 0px;
	}

	.barbSearch .barbKpi {
		margin-left: 5px;
		margin-top: 0px;
	}

	.barbKpi > label {
		width: 77px;
	}

	.barbSearch .advSearchIcon {
		margin-top: 4px !important;
	}

	.barbSearch .mappingSetupIcon {
		margin-top: 4px !important;
	}

	.searchPanel.barbSearch .k-dropdown {
		min-width: 242px !important;
	}

	.armouryGridFolderPath {
		width: 66% !important;
	}

	#documentLoginMsg {
		width: 101% !important;
	}

	.docLoginMsgText {
		margin: 31px 0 0 !important;
		padding: 9px 10px 10px 60px !important;
	}
/*Vijendra - 22 Feb 2016 - ARME-324 - Change logo at top left to partner logo for some client logins - point css image to image handler (proxy image)*/
	.armLogo { /*width:77px !important; ARME-232 :: Change width when add digital tab*/
		width: 46px !important;
		background: rgba(0, 0, 0, 0) url("/Content/images/ARM_logo_alpha.png") no-repeat scroll -6px 20px / 262% !important;
	}

/* ARME-227 :: ARMalytics - Changes to hide/show of top section area */
	body.leftpanel-show .sectionNameBlock {
		width: calc(100% - 190px) !important;
	}
/* ARME-231 :: ARME Help add edit popup document select button */
	.customWidthPopup #divAddEditHelp .k-dropzone {
		width: 274px !important;
}

	#divSelectedLargeImageFileContainer > img {
		height: 86px;
		width: 287px;
}

	.addEditHelpInfo {
		font-size: 11px !important;
    }

	#divAddEditHelp .editor-label {
		margin-bottom: 1px !important;
	}
    #menuAddDirectory {
		top: -52px !important;
	}

	.ARMInsideSearch .browseSearchContainer {
		top: inherit !important;
		left: -13px !important;
	}

	.searchPanel .k-dropdown {
		min-width: 187px !important;
	}

	.ARMVaultBrowse .browseSearchContainer, .ARMVaultSearchContainer .browseSearchContainer {
		margin: inherit !important;
		width: 70% !important;
		top: 0;
	}

	.ARMVaultBrowse #menuAddDirectory {
		top: -40px !important;
	}

	.ARMVaultBrowse .panel-body, .ARMVaultBrowse .contentBox {
		padding-top: 0;
	}

	.helpScreen .helpView .helpSmallImage {
		width: 100%;
	}
    .header_sidescroll .viewer_header_wrapper {
		padding: 6px 1px !important;
	}

	.viewer_mainwrapper {
		top: 120px !important;
	}
    #menuAddDirectory {
		top: -52px !important;
	}

	.ARMInsideSearch .browseSearchContainer {
		top: inherit !important;
		left: -13px !important;
	}

	.searchPanel .k-dropdown {
		min-width: 187px !important;
	}

	.ARMVaultBrowse .browseSearchContainer, .ARMVaultSearchContainer .browseSearchContainer {
		margin: inherit !important;
		width: 70% !important;
		top: 0;
	}

	.ARMVaultBrowse #menuAddDirectory {
		top: -40px !important;
	}

	.ARMVaultBrowse .panel-body, .ARMVaultBrowse .contentBox {
		padding-top: 0;
	}

	.helpScreen .helpView .helpSmallImage {
		width: 100%;
	}
    .partnerLogin .armLogo {
		width: 110px !important;
		background-position: -5px 10px !important;
		background-size: 100% auto !important;
}
    .topNav ul li a {
		font-size: 14px;
	}

	.popCompaire #tabstrip ul li, .popCompaire #tabstripKPI ul li {
		font-size: 9px;
		line-height: 25px;
	}

		.popCompaire #tabstrip ul li span, .popCompaire #tabstripKPI ul li span {
			padding: 6px 3px;
		}
        .rapsNew .searchPanel .k-dropdown, .Datepicker-Display-Area {
		width: 66%;
        min-width:66%;
	}

	.clientSearch > label, .productSearch > label, .dateSearch > label, .frequencySearch > label, .responseType > label, .KpiList > label, .mediaTypeSearch > label {
		width: 80px !important;
	}
    .barbSearch.spotImportSearch .productSearch {
		width: 330px !important;
	}

	.barbSearch.spotImportSearch #btnImportSpots {
		margin: 4px 0 0 86px !important;
	}

	.barbSearch.spotImportSearch:first-child {
		margin-bottom: 10px;
	}
}

/*==========360px end=========*/

@media screen and (max-width: 320px) {
	.partnerLogin .armLogo {
		width: 72px !important;
		background-position: -5px 25px !important;
		background-size: 100% auto !important;
}
    .searchSetting {
		margin: 37px 0px 0px 73px !important;
	}
    #divFullscreenModeSettingWindow .editor-field{
        width:72%
    }
    .dropdown.ddlClient_FullscreenModeSetting{
        min-width:87% !important;
    }
	.signinpanel,
	.signuppanel {
		width: 310px;
	}

	.searchPanel .k-dropdown {
		min-width: 192px !important;
	}

	.Datepicker-Display-Area {
		width: 226px !important;
	}

	.k-button.k-button-icontext.skinBtn {
		padding: 0.12em 16px !important;
		margin: 5px 11px 10px 74px !important;
	}

	.dateSearch {
		margin-left: 0px;
	}


	a.skinBtnpurple {
		padding: 2px 8px !important;
	}

	.industrySearch {
		margin-left: 0px;
	}


	.HitwiseSeachContainer .dateSearch {
		margin-bottom: 32px;
	}

	.barbSearch .clientSearch > label {
		width: 78px !important;
		margin-left: 0px !important;
	}

	.barbSearch .productSearch {
		margin-left: 0px;
	}

		.barbSearch .productSearch > label {
			width: 78px;
		}

	.barbSearch .CompetitorSearch {
		margin-left: 0px;
	}

	.barbSearch .dateSearch > label {
		width: 78px;
		margin-left: 0px !important;
	}

	.barbSearch .advSearchIcon {
		float: right !important;
		margin-right: 115px !important;
	}

	.barbSearch .k-button.k-button-icontext.skinBtn {
		margin: 5px 11px 0 81px !important;
	}

	.barbSearch .CompetitorSearch > label {
		width: 78px;
	}

	.barbSearch .k-dropdown-wrap.k-state-default {
		width: 198px !important;
	}

	.barbSearch .Datepicker-Display-Area {
		width: 226px !important;
	}

	.HitwiseSeachContainer .Datepicker-Display-Area {
		width: 226px !important;
	}

	.barbSearch #btnSelect {
		margin: 4px 0 0 81px !important;
	}

	#divStationChartSettingWindow .k-dropdown-wrap.k-state-default {
		width: 120px !important;
	}

	#divStationChartSettingWindow .k-widget.k-dropdown.k-header {
		width: 146px !important;
	}

	#divStationChartSettingWindow .k-button.k-button-icontext.skinBtn {
		margin: 0px !important;
	}

	#txtTopXStations {
		width: 147px !important;
	}

	#divStationChartSettingWindow .editor-label {
		margin-left: 0px;
	}

	#divStationChartSettingWindow_wnd_title {
		left: 14px !important;
	}

	.nav-tabs li.active a.spriteImage.toggleChartSprite, .nav-tabs li.active a.spriteImage.toggleChartSprite:hover {
		background-position: -166px -64px !important;
		transition: none !important;
		cursor: pointer;
	}

	.nav-tabs li a:hover.spriteImage.toggleChartSprite {
		background-position: -166px -34px !important;
		transition: none !important;
	}

	.nav-tabs li a.spriteImage.toggleChartSprite {
		background-position: -166px -34px !important;
		transition: none !important;
	}


	ul.barbnav li.chartSetting a {
		border-left: 1px solid #dadada !important;
	}

	.nav-tabs.barbnav > li > a {
		margin-right: -1px;
		padding: 15px 21px !important;
	}

	.nav-tabs.barbnav li a.spriteImage.helpTextSprite, .nav-tabs.barbnav li a.spriteImage.sortHandler, .nav-tabs.barbnav li a.spriteImage.groupChartSprite, .nav-tabs.barbnav li a.spriteImage.switchLegendSprite, .nav-tabs.barbnav li a.spriteImage.averageLineSprite {
		padding-right: 22px !important;
	}

	.nav-tabs.barbnav li a.spriteImage.exportChartSprite {
		padding-right: 23px !important;
	}

	.nav-tabs.barbnav li a.spriteImage.exportChartSettings {
		padding-right: 22px !important;
	}

	#divVisitShareGrid .k-grid-content td {
		border-left: 1px solid #ccc !important;
	}

	#divVisitShareGrid .k-grid-footer-locked {
		width: 216px !important;
	}

	#divVisitShareGrid .k-grid-footer-wrap {
		width: 166px !important;
	}

		#divVisitShareGrid .k-grid-footer-wrap col {
			width: 71px !important;
		}

	#divVisitShareGrid .k-grid-content-locked, #divVisitShareGrid .k-grid-header-locked {
		width: 216px !important;
	}

	#divVisitShareGrid .k-grid-content, #divVisitShareGrid .k-grid-header-wrap {
		width: 71px !important;
	}

	#Referrer .nav-tabs > li > a {
		padding: 15px 19px;
	}

	#Referrer li.exportChart a {
		padding-right: 13px;
	}

	#Referrer li.toggleChart a {
		padding-right: 18px;
	}

	#Referrer li.WordCloud a {
		padding-right: 19px;
	}

	#Referrer li.chartSetting a {
		padding-right: 16px;
	}

	#SearchKeyword .nav-tabs > li > a {
		padding: 15px 19px;
	}

	#SearchKeyword li.exportChart a {
		padding-right: 13px;
	}

	#SearchKeyword li.toggleChart a {
		padding-right: 18px;
	}

	#SearchKeyword li.WordCloud a {
		padding-right: 19px;
	}

	#SearchKeyword li.chartSetting a {
		padding-right: 16px;
	}

	.HitwiseConfig #btnEditDomain {
		margin-left: 2px !important;
	}

	.HitwiseConfig #btnSelect {
		margin: 0 !important;
	}

	.HitwiseConfig .k-dropdown-wrap.k-state-default {
		width: 140px !important;
	}

	.HitwiseConfig .searchPanel .k-dropdown {
		width: 168px !important;
	}

	.searchPanel.HitwiseConfig .k-dropdown {
		min-width: 100px !important;
	}

	.browsePage .k-button.k-button-icontext.skinBtn {
		margin: 0 0 0 17px !important;
	}

	.armourySearch .k-dropdown-wrap.k-state-default {
		width: 150px !important;
	}

	#TreeViewContainer .k-button.k-button-icontext.skinBtn {
		margin: 0 !important;
	}

	.browsePage .k-widget.k-dropdown.k-header {
		min-width: 172px !important;
	}

	.divTotalViewsIcon, .divTotalDownloadsIcon, .divTotalFilesIcon {
		background-size: 52% !important;
	}

	.divTotalDownloadsIcon, .divTotalFileSizeIcon {
		background-size: 43% !important;
	}

	#divAddEditFile #btnSaveFile.skinBtn, #divAddEditCreative #btnSaveCreative.skinBtn, #divAddEditFolder #btnSaveFolder.skinBtn {
		margin: 0px !important;
	}

	#breadcrumb {
		width: 47% !important;
	}

	#sendlistItems {
		width: 53% !important;
	}

	#btnSendEmail {
		margin: 0px !important;
	}

	.downloadContent {
		font-size: 16px !important;
	}

	#VideoLoading h1 {
		font-size: 14px !important;
	}
	/*send email to prefil popup*/
	.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {
		width: 260px !important;
	}

	#divFileViewerContainer {
		padding: 0 !important;
	}

	#viewFileContainerExpired .alert.alert-warning {
		font-size: 30px !important;
	}
	/*Armalytics241:: fix for cancel button issue in mobile*/
	#divSendEmailWindow #btnCancel {
		margin-top: -5px;
	}

	#divDocViewer .groupdocs_viewer_wrapper {
		width: 267px !important;
	}

	.visitTotal {
		left: 44px !important;
		top: -14px !important;
	}

	.uniqueNewVisit {
		left: 40px;
	}

	.visitIP {
		left: 30px;
	}

	.visitCookie {
		left: 36px !important;
	}

	#CaptchaText {
		width: 170px !important;
	}

	#imgCaptcha {
		width: 110px !important;
	}

	#CaptchaText_validationMessage {
		left: 0px !important;
	}

	#divSettingWindow.historicChartSetting .editor-label {
		width: 100% !important;
		margin-left: 0px !important;
	}

	.historicSearch .k-button.k-button-icontext.skinBtn {
		margin: 10px 11px 10px 51px !important;
	}

	.historicSearch .searchSpotsIcon {
		margin: 6px 0 10px 135px !important;
	}

	.barbSearch .barbKpi {
		margin-left: 0px;
		margin-top: 0px;
	}

	.barbKpi > label {
		width: 77px;
	}

	.searchPanel.barbSearch .k-dropdown {
		min-width: 226px !important;
	}
	/* CSS for the Postal area chart tab options issue in iphone */
	#demographyContent li a.helpText {
		margin-left: 0px;
	}

	#demographyContent .spriteImage.exportChartSettings {
		padding: 15px 16px 15px 20px;
	}

	.docLoginMsgText {
		font-size: 15px !important;
	}
	/*Vijendra - 22 Feb 2016 - ARME-324 - Change logo at top left to partner logo for some client logins - point css image to image handler (proxy image)*/
	.armLogo {
		width: 50px !important;
		background: rgba(0, 0, 0, 0) url("/Content/images/ARM_logo_alpha.png") no-repeat scroll -5px 21px / 262% auto !important;
	}

	.dailyPulse .searchSetting {
		margin: 5px 10px 10px 73px !important;
	}
    .searchPanel .k-dropdown, .PageKPIGrid .productSearch .k-widget.k-dropdown.k-header, .rapsNew .searchPanel .k-dropdown, .Datepicker-Display-Area, .searchPanel .frequencySearch .k-dropdown, .searchPanel .responseType .k-dropdown {
		min-width: 60% !important;
		width: 60% !important;
}

	.responseType .k-dropdown {
		vertical-align: top;
	}
    .variableChart ul.nav-tabs li.chartKPI {
		margin-left: 8%;
	}

	.rapsNew .searchPanel .k-dropdown-wrap.k-state-default {
		width: 160px !important;
	}

	.popCompaire #tabstrip ul li span, .popCompaire #tabstripKPI ul li span {
		padding: 6px 3px;
	}

	.rapsNew .Datepicker-Display-Area, .Datepicker-Display-Area {
		width: 65% !important;
		min-width: 65% !important;
}
    .sectionNameBlock.overflowText{
        min-width:140px;
        width:140px;
    }
    .container>.navbar-header{
        margin:0;
    }
    .navbar-default .navbar-toggle{
        margin-right:0;
    }
    .clientSearch {
		width: 100% !important;
	}
}

/*==========320px end=========*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#divVisitShareGrid .k-grid-content td {
		padding: 4px 5px 5px;
	}

	#BrowseSearch {
		padding: 4px 5px 4px 30px !important;
		height: 30px;
	}
}

@media all and (-ms-high-contrast:none) {
    #languageDropdown .k-dropdown .k-dropdown-wrap .k-input span {
        text-indent:-1px;
    }
}
@media (min-width: 992px) {
  .col-md-1-5 { width: 20%; }
  .col-md-2-5 { width: 40%; }
  .col-md-3-5 { width: 60%; }
  .col-md-4-5 { width: 80%; }
  .col-md-5-5 { width: 100%; }
}

@media (min-width: 1200px) {
  .col-lg-1-5 { width: 20%; }
  .col-lg-2-5 { width: 40%; }
  .col-lg-3-5 { width: 60%; }
  .col-lg-4-5 { width: 80%; }
  .col-lg-5-5 { width: 100%; }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 780px) and (orientation : portrait) {
	.errorMessage {
		font: 19px sans-serif;
	}
}

@media only screen and (min-device-width: 375px) and (max-device-width: 780px) and (orientation : portrait) {
	.errorMessage {
		font: 19px sans-serif;
	}
}
@font-face {
  font-family: 'icomoon';
  
  src:url(/Content/fonts/armFont/armFontIcon.eot?q9kj6r);
  src:url(/Content/fonts/armFont/armFontIcon.eot?q9kj6r#iefix) format('embedded-opentype'),
      url(/Content/fonts/armFont/armFontIcon.ttf?q9kj6r) format('truetype'),
      url(/Content/fonts/armFont/armFontIcon.woff?q9kj6r) format('woff'),
      url(/Content/fonts/armFont/armFontIcon.svg?q9kj6r#icomoon) format('svg');
  /*src:  url('../fonts/armFontIcon.eot?q9kj6r');*/
  /*src:  url('fonts/icomoon.eot?q9kj6r#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?q9kj6r') format('truetype'),
    url('fonts/icomoon.woff?q9kj6r') format('woff'),
    url('fonts/icomoon.svg?q9kj6r#icomoon') format('svg');*/
  font-weight: normal;
  font-style: normal;
}

[class^="armIcon-"], [class*=" armIcon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.armIcon-less-than-symbol:before {
  content: "\e967";
}
.armIcon-loud:before {
  content: "\e968";
}
.armIcon-wireless-connectivity:before {
  content: "\e969";
}
.armIcon-Reupload:before {
  content: "\e966";
}
.armIcon-Upload:before {
  content: "\e965";
}
.armIcon-FullScreen:before {
  content: "\e964";
}
.armIcon-CampaignMaintenance:before {
  content: "\e962";
}
.armIcon-MoveAll:before {
  content: "\e963";
}
.armIcon-FullStackNew:before {
  content: "\e961";
}
.armIcon-CheckedFilter:before {
  content: "\e95f";
}
.armIcon-ClearFilter:before {
  content: "\e960";
}
.armIcon-CopyPlus:before {
  content: "\e95e";
}
.armIcon-ShareSite:before {
  content: "\e95d";
}
.armIcon-Question:before {
  content: "\e958";
}
.armIcon-TermsCondition:before {
  content: "\e959";
}
.armIcon-Contact:before {
  content: "\e95a";
}
.armIcon-BudgetDistribution:before {
  content: "\e95b";
}
.armIcon-BudgetDis:before {
  content: "\e95c";
}
.armIcon-EyeHide:before {
  content: "\e956";
}
.armIcon-EyeShow:before {
  content: "\e957";
}
.armIcon-DownArrow:before {
  content: "\e953";
}
.armIcon-UpArrow:before {
  content: "\e954";
}
.armIcon-MoveUpDown:before {
  content: "\e955";
}
.armIcon-Grant:before {
  content: "\e952";
}
.armIcon-AllMedia:before {
  content: "\e951";
}
.armIcon-RAPSURE:before {
  content: "\e94f";
}
.armIcon-Radio:before {
  content: "\e950";
}
.armIcon-NextArrowLarge:before {
  content: "\e900";
}
.armIcon-AllKPI:before {
  content: "\e901";
}
.armIcon-AreaChart:before {
  content: "\e902";
}
.armIcon-Ascending:before {
  content: "\e903";
}
.armIcon-Audiance:before {
  content: "\e904";
}
.armIcon-Bar:before {
  content: "\e905";
}
.armIcon-BubbleChart:before {
  content: "\e906";
}
.armIcon-Calander:before {
  content: "\e907";
}
.armIcon-ChartCircle:before {
  content: "\e908";
}
.armIcon-ChartTab:before {
  content: "\e909";
}
.armIcon-CheckBox:before {
  content: "\e90a";
}
.armIcon-CheckBoxLine:before {
  content: "\e90b";
}
.armIcon-ClientSummary:before {
  content: "\e90c";
}
.armIcon-CloseCircle:before {
  content: "\e90d";
}
.armIcon-CloseFile:before {
  content: "\e90e";
}
.armIcon-CloseFillCircle:before {
  content: "\e90f";
}
.armIcon-Column:before {
  content: "\e910";
}
.armIcon-ConfigReport:before {
  content: "\e911";
}
.armIcon-CopyChart:before {
  content: "\e912";
}
.armIcon-CopyMain:before {
  content: "\e913";
}
.armIcon-CopyUser:before {
  content: "\e914";
}
.armIcon-Dashboard:before {
  content: "\e915";
}
.armIcon-DrilledDown:before {
  content: "\e916";
}
.armIcon-DrilledDownRoundSquer:before {
  content: "\e917";
}
.armIcon-Edit:before {
  content: "\e918";
}
.armIcon-ExcelExport:before {
  content: "\e919";
}
.armIcon-Favourite:before {
  content: "\e91a";
}
.armIcon-FillCircle:before {
  content: "\e91b";
}
.armIcon-FillCorret:before {
  content: "\e91c";
}
.armIcon-Filter:before {
  content: "\e91d";
}
.armIcon-FullStack:before {
  content: "\e91e";
}
.armIcon-GridCancel:before {
  content: "\e91f";
}
.armIcon-GroupBarChart:before {
  content: "\e920";
}
.armIcon-Information:before {
  content: "\e921";
}
.armIcon-Inserts:before {
  content: "\e922";
}
.armIcon-LineChart:before {
  content: "\e923";
}
.armIcon-LineCircle:before {
  content: "\e924";
}
.armIcon-LineCorrect:before {
  content: "\e925";
}
.armIcon-ListView:before {
  content: "\e926";
}
.armIcon-LoadClientView:before {
  content: "\e927";
}
.armIcon-MasterData:before {
  content: "\e928";
}
.armIcon-MenuToggle:before {
  content: "\e929";
}
.armIcon-Move:before {
  content: "\e92a";
}
.armIcon-NextArrowThin:before {
  content: "\e92b";
}
.armIcon-NextPrevArrow:before {
  content: "\e92c";
}
.armIcon-NoData:before {
  content: "\e92d";
}
.armIcon-NotDrilledDown:before {
  content: "\e92e";
}
.armIcon-PasswordChange:before {
  content: "\e92f";
}
.armIcon-PlusFillLine:before {
  content: "\e930";
}
.armIcon-PPTExport:before {
  content: "\e931";
}
.armIcon-Press:before {
  content: "\e932";
}
.armIcon-PressMedia:before {
  content: "\e933";
}
.armIcon-PressProcess:before {
  content: "\e934";
}
.armIcon-Preview:before {
  content: "\e935";
}
.armIcon-ProgressUpDown:before {
  content: "\e936";
}
.armIcon-RealoadArrow:before {
  content: "\e937";
}
.armIcon-Report:before {
  content: "\e938";
}
.armIcon-Residual:before {
  content: "\e939";
}
.armIcon-SaveClientView:before {
  content: "\e93a";
}
.armIcon-Settings:before {
  content: "\e93b";
}
.armIcon-SiteManagement:before {
  content: "\e93c";
}
.armIcon-SocialMedia:before {
  content: "\e93d";
}
.armIcon-Stack:before {
  content: "\e93e";
}
.armIcon-System:before {
  content: "\e93f";
}
.armIcon-Television:before {
  content: "\e940";
}
.armIcon-Trash:before {
  content: "\e941";
}
.armIcon-TV:before {
  content: "\e942";
}
.armIcon-TVProcess:before {
  content: "\e943";
}
.armIcon-User:before {
  content: "\e944";
}
.armIcon-UserManagement:before {
  content: "\e945";
}
.armIcon-UserManagementAdd:before {
  content: "\e946";
}
.armIcon-UserRound:before {
  content: "\e947";
}
.armIcon-UserShape:before {
  content: "\e948";
}
.armIcon-Zoom:before {
  content: "\e949";
}
.armIcon-ZoomPlus:before {
  content: "\e94a";
}
.armIcon-cart:before {
  content: "\e94b";
}
.armIcon-check:before {
  content: "\e94c";
}
.armIcon-checked:before {
  content: "\e94d";
}
.armIcon-close:before {
  content: "\e94e";
}