.btn-toolbar {margin}
.internal-container {padding:20px;}
.sign-logo-container {float:left; width:320px;}
.sign-logo {width:60px;float:left;}
.sign-slogan {float:left;width:240px;font-size:20px;font-weight:bold;padding-left:40px;}
.avatarimg {display:block;width:65px;height:65px;margin:auto;margin-top:0pxmargin-bottom:0px;padding:0px;background-size:100% 100%;}
.avatarimg img {margin:0px 0px 0px 0px;vertical-align:top;float:none;}

.demo-description {
	clear: both;
	padding: 12px;
	font-size: 1.3em;
	line-height: 1.4em;
}

.ui-draggable, .ui-droppable {
	background-position: top;
}


.tab-container1 {height:99.5%;width:102.9%;}/*{height:80.5%;width:102.9%;} */
.tab-container2 {height:18%;margin-top:2px;width:102.9%;}

#dashboard-search {background: url("../images/lic-plate1.png") top left no-repeat; text-indent:20px;}
#dashboard-search:focus {background: url("../images/lic-plate2.png") top left no-repeat; text-indent:20px;}

.negative-workt {background:#EC667D !important;}
#list_report_dailyreport {overflow:auto !important;}




.slogan {display:inline-block;width:220px;height:36px;padding:0px 0px 0px 5px;}
.slogan h1 {padding:0px !important;margin:0px !important;}
.row-fluid {padding:0px;margin:0px;height:100%;}
.container-fluid {padding:0px;margin:0px;height:100%;}
.span2{padding:0px 0px 2px 0px !important;margin:0px !important;height:100%;float:left;} /*min-width:214px;*/
.span10{padding:0px !important;margin:0px 0px 0px 1px !important;height:100%;float:left;}
.ui-tabs-nav li {line-height:14px !important;}

.logocontainer {width:280px !important;float:left  !important;margin-left:-20px  !important;}
.cleardiv {clear:both;}
.clearfix, .clearfix:before, .clearfix:after {clear:both !important;}




@media only screen and (max-width: 768px) {.span10 {margin-top:2px !important;}}
/*
@media only screen and (max-width: 1260px) {.span10 {max-width: 82% !important;}}
@media only screen and (max-width: 1030px) {.span10 {max-width: 78% !important;}}
@media only screen and (max-width: 980px) {.span10 {max-width: 77% !important;}}
*/


.mainmenucontainer {width:100%;height:99%;}
.mainmenublock {background:#ECECEC;width:100%;height:110px !important; 
	display:block;
	
	margin:auto !important;
	margin-top:10px !important;
	margin-bottom:10px !important;
	cursor:pointer;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
}
.mainmenublock:hover {background:#DBDBDB;opacity:0.8;
	filter:alpha(opacity=80);}	

.mainmenublock:hover p {color:#000000;}
.titlebar, .buttonbar {background:url("../images/ui-bg_glass_40_0078a3_1x400.png") repeat-x scroll 50% 50% #555555;
	color:#FFFFFF;font-size:18px;
	line-height:28px;clear:both;margin:0px 0px 0px 0px;border-radius: 6px;
	-moz-border-radius: 6px;-webkit-border-radius: 6px;	 }
	
.container-fluid h2{font-size:15px;font-weight:bold;margin:0px 0px 3px 0px !important;padding:0px !important;}	

.ui-widget-content {overflow-x:hidden !important;border:none !important;}
.ui-slider {border: 1px solid #a6c9e2  !important;};

.form-group {margin-bottom:4px !important}
	
.timemarker {position:relative; z-index:5;
	 display:block; font-weight:normal; color:#FFFFFF; background:#333333;
	 font-size:16px; margin-bottom:-19px; padding:0px 0px 0px 8px;
	 opacity:0.6;
	 filter:alpha(opacity=60);
}	
	
.custom-label {margin:8px 5px 2px 0px;padding:0px; width:auto;}	

.group-shipment-container {height:180px;overflow-x:hidden;overflow-y:auto;}
	
.titlebar {padding:0px 3px 5px 20px;margin:3px 0px 3px 0px;}	
.buttonbar {padding:3px 3px 3px 3px;margin:3px;}	
.buttonbar a {}
.buttonbar a:hover {opacity: 0.8;
	filter: alpha(opacity = 80);}


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {

padding: 0px 2px 0px 5px !important;

}


.short-date {width:75% !important; float:left; margin-right:6px !important}



 .iconview, .detailsview, .cardview, .controllerblock {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 56%, rgba(239,239,239,1) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(56%,rgba(255,255,255,1)), color-stop(100%,rgba(239,239,239,1)));
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 56%,rgba(239,239,239,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 56%,rgba(239,239,239,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 56%,rgba(239,239,239,1) 100%);
	background: linear-gradient(-45deg, rgba(255,255,255,1) 56%,rgba(239,239,239,1) 100%);
	border:1px solid #CCCCCC;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}

.iconview {width:150px !important;
	height:140px !important;
	margin:12px 0px 12px 12px !important;
	float:left;
	cursor:pointer;
}

.iconview img {margin:-16px 0px 0px 16px;}
.iconview label {
	display:block; width:99%; 
	font-weight:bold; 
	margin:2px 0px 0px 5px; 
	line-height:14px;
	padding:0px 0px 0px 0px;	
}
	
.iconview input[type="checkbox"] {margin:0px 4px 0px 0px !important; width:13px !important;height:13px !important;}	


.detailsview {
	width:100%;
	height:50px;
}

.cardview {
	width:48%;
	min-width:300px;
	height:auto;
	min-height:240px;
	float:left;	
	margin:0px 4px 4px 0px;
	padding:1px;
}




.controllerblock {width:95%;margin:auto;height:103px;margin-top:3px;margin-bottom:3px;padding:3px 8px 3px 8px;}
.controllerblock h5 {margin:0px !important;padding:0px !important;line-height:15px;}
.chnbw {width:85%;}
.short-spinner {}
.short-spinner input[type="text"] {width:40px !important; height: 18px !important; border: none !important;margin:0px 0px 3px 0px;}

.cardview-img {display:block;width:17%;float:left;padding:6px 16px 6px 6px;}
.cardview-info {display:block;width:75%;float:left;position:relative;}
.posfixed {top:70px !important;left:210px !important;}

#tabslist-1, #tabslist-2, #tabslist-3 {
height:99% !important;}


.left-acordion-navigation div {padding:4px 4px 4px 4px !important; }
.left-acordion-navigation button {width:98%;margin:auto;margin-top:3px;line-height:24px !important;}
.left-acordion-navigation i {margin-left:-8px !important;}


.icon-group-staff {float:left; background: url(../images/system-users-icon24.png) no-repeat;width:24px;height:24px;}
.icon-add-staff {float:left; background: url(../images/add-user-icon24.png) no-repeat;width:24px;height:24px;}
.icon-delete-staff {float:left; background: url(../images/user-group-delete-icon24.png) no-repeat;width:24px;height:24px;}
.icon-edit-staff {float:left; background: url(../images/user-properties-icon24.png) no-repeat;width:24px;height:24px;}
.icon-schedule-staff {float:left; background: url(../images/contact-list-icon24.png) no-repeat;width:24px;height:24px;}
.icon-points-staff {float:left; background: url(../images/desktop-user-icon24.png) no-repeat;width:24px;height:24px;}

.icon-chronological-report {float:left; background: url(../images/calendar-workweek-icon24.png) no-repeat;width:24px;height:24px;}
.icon-attendance-report {float:left; background: url(../images/jump-today-icon24.png) no-repeat;width:24px;height:24px;}
.icon-premature-report {float:left; background: url(../images/calendar-timeline-icon24.png) no-repeat;width:24px;height:24px;}
.icon-unauthorized-report {float:left; background: url(../images/calendar-upcoming-events-icon24.png) no-repeat;width:24px;height:24px;}
.icon-worktime-report {float:left; background: url(../images/system-time-icon24.png) no-repeat;width:24px;height:24px;}
.icon-tracing-report {float:left; background: url(../images/x-office-contact-icon24.png) no-repeat;width:24px;height:24px;}
.icon-cardusing-report {float:left; background: url(../images/view-pim-contacts-icon24.png) no-repeat;width:24px;height:24px;}


.icon-list-card {float:left; background: url(../images/contacts-icon24.png) no-repeat;width:24px;height:24px;}
.icon-add-card {float:left; background: url(../images/contact-new-icon24.png) no-repeat;width:24px;height:24px;}
.icon-edit-card {float:left; background: url(../images/edit-office-contact-icon24.png) no-repeat;width:24px;height:24px;}
.icon-delete-card {float:left; background: url(../images/delete-office-contact-icon24.png) no-repeat;width:24px;height:24px;}


.icon-list-user {float:left; background: url(../images/user-group-icon24.png) no-repeat;width:24px;height:24px;}
.icon-add-user {float:left; background: url(../images/user-add-blue-icon24.png) no-repeat;width:24px;height:24px;}
.icon-edit-user {float:left; background: url(../images/user-edit-blue-icon24.png) no-repeat;width:24px;height:24px;}
.icon-delete-user {float:left; background: url(../images/user-delete-blue-icon24.png) no-repeat;width:24px;height:24px;}


.icon-list-controller {float:left; background: url(../images/devices-card-icon24.png) no-repeat;width:24px;height:24px;}
.icon-add-controller {float:left; background: url(../images/devices-card-add-icon24.png) no-repeat;width:24px;height:24px;}
.icon-edit-controller {float:left; background: url(../images/devices-card-edit-icon24.png) no-repeat;width:24px;height:24px;}
.icon-delete-controller {float:left; background: url(../images/devices-card-delete-icon24.png) no-repeat;width:24px;height:24px;}
.icon-synchronization-controller {float:left; background: url(../images/devices-card-reload-icon24.png) no-repeat;width:24px;height:24px;}
.icon-loading-controller {float:left; background: url(../images/devices-card-loading-icon24.png) no-repeat;width:24px;height:24px;}
.icon-timezones-controller {float:left; background: url(../images/clock-icon24.png) no-repeat;width:24px;height:24px;}


.icon-schedule-settings {float:left; background: url(../images/planner-icon24.png) no-repeat;width:24px;height:24px;}
.icon-holidays-settings {float:left; background: url(../images/pim-calendar-icon24.png) no-repeat;width:24px;height:24px;}
.icon-departments-settings {float:left; background: url(../images/folder-customer-icon24.png) no-repeat;width:24px;height:24px;}
.icon-backupdb-settings {float:left; background: url(../images/database-backup-icon.png) no-repeat;width:24px;height:24px;}
.icon-restoredb-settings {float:left; background: url(../images/database-icon24.png) no-repeat;width:24px;height:24px;}
.icon-system-settings {float:left; background: url(../images/preferences-system-icon24.png) no-repeat;width:24px;height:24px;}
.icon-changepass-settings {float:left; background: url(../images/user-coat-blue-icon24.png) no-repeat;width:24px;height:24px;}
.icon-logout-settings {float:left; background: url(../images/logout-icon24.png) no-repeat;width:24px;height:24px;}
.icon-lang-english {float:left; background: url(../images/flags/flag_en.png) no-repeat;width:24px;height:24px;}
.icon-lang-bulgarian {float:left; background: url(../images/flags/flag_bg.png) no-repeat;width:24px;height:24px;}
.icon-lang-makedonian {float:left; background: url(../images/flags/flag_mk.png) no-repeat;width:24px;height:24px;}
.preview-icon-icon20 {background: url(../images/preview-icon.png) no-repeat; background-size:20px 20px;width:20px; height:20px;}
.cursorpointer {
	cursor:pointer !important;
}
.form-horizontal {width:100% !important;}

.controls {width:100% !important;!important;margin:2px 0px 2px 0px !important;}
/*.controls input[type="text"], input[type="password"] {width:70% !important;}*/
.controls input.short {width:30% !important; float:left;margin:0px 6px 0px 0px !important;}
.controls input.middle {width:45% !important; float:left;margin:0px 6px 0px 0px !important;}
.controls input.large {width:85% !important; float:left;margin:0px 6px 0px 0px !important;}
.controls textarea {width:70% !important;}
.ui-datepicker-trigger {margin:4px 0px 0px -3px !important;padding:0px 0px 0px 0px !important;}
.cldheight1 {height:10px;}
.ui-datepicker-title {color:#000000 !important;}

.form-fieldset {padding:0px 5px 0px 5px !important;
	margin:-12px 0px 0px 0px !important; 
	padding:0px 0px 0px 0px;
	border:1px solid #C6D2DD;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
}
	
	
.form-fieldset legend {
	padding:0px 10px 0px 10px !important;
	 margin:0px 0px 0px 15px !important;
	 color: #6D8BA7;
	 font-weight:bold;
	 height:20px !important; 
	 width:auto;
	 line-height:20px;
	 z-index:99999;
}

.form-fieldset legend label {color: #6D8BA7;font-weight:bold;min-width:80px !important;}



.checkboxblock {
	width:270px;
	height:44px;
    display: inline-block;
    padding:3px;
    background: #FAFAFA;
    border: 1px solid #CCCCCC;
    margin: 0px 4px 4px 0px;
    float: left;
    line-height: 12px;
    font-weight: bold;
}

.checkboxblock label {margin-left:0px !important;}

.checkbox label {font-weight:bold;}
input[type=radio], input[type=checkbox] {margin:0px;}

legend + .control-group {margin-top:0px !important;margin-bottom:5px !important;}
.sc-select {width:35%;}
.mc-select {width:95%;}
.bc-select {width:65%;}
.sc-btn {width:38%;}
.height-fixed-size1 {height:235px; overflow:auto;}

.delete-icon-right, .edit-icon-right, .action-icon, .preview-icon-right, .permission-icon-right, .security-camera-right {
	cursor:pointer;position:relative;float:right;width:16px; height:16px;
	margin:3px 3px 0px 0px;
}


.security-camera-right {background: url(../images/security-camera-icon.jpg) no-repeat;} 
.preview-icon-right {background: url(../images/preview-icon.png) top center no-repeat;width:30px !important; height:30px !important;background-size:30px 30px;margin-top:-8px;}
.permission-icon-right {background: url(../images/add-user-icon16.png) no-repeat;}
.delete-icon-right {background: url(../images/delete-icon16.png) no-repeat;}
.edit-icon-right {background: url(../images/pen-blue-icon16.png) no-repeat;}
.pdf-icon-right {background: url(../images/file-extension-pdf-icon24.png) no-repeat; background-size:16px 16px;}
.chstatus-icon-right {background: url(../images/status-icon.png) no-repeat; background-size:16px 16px;}
.print-icon-right {background: url(../images/printer-icon.png) no-repeat; background-size:16px 16px;}
.doc-icon-right {background: url(../images/newdoc-icon16.png) no-repeat; background-size:16px 16px;}
.package-accept-right {background: url(../images/package-accept-icon.png) no-repeat; background-size:16px 16px;}
.package-download-right {background: url(../images/package-download-icon.png) no-repeat; background-size:16px 16px;}
.package-warning-right {background: url(../images/package-warning-icon.png) no-repeat; background-size:16px 16px;}
.package-delete-right {background: url(../images/package-delete-icon.png) no-repeat; background-size:16px 16px;}
.package-upload-right {background: url(../images/package-upload-icon.png) no-repeat; background-size:16px 16px;}
.transmision-shipment {background: url(../images/contact-list-icon16.png) no-repeat; background-size:16px 16px;}
.ui-dialog {max-width:800px !important;}
.ui-dialog-titlebar-close {background: url(../images/symbol-delete-icon.png) center no-repeat; background-size:16px 16px;border: none !important;}
.ui-dialog-titlebar-close:focus, .ui-dialog-titlebar-close:active {border: none !important;}
.ui-dialog-title {height:20px !important;}
.delete-icon {background: url(../images/delete-icon16.png) center no-repeat;width:16px; height:30px;cursor:pointer;}
.incoming-icon {background: url(../images/arrow-down-icon.png) center no-repeat;width:16px; height:16px;cursor:pointer;background-size:16px 16px;}
.outgoing-icon {background: url(../images/arrow-up-icon.png) center no-repeat;width:16px; height:16px;cursor:pointer;background-size:16px 16px;}


.check-icon-icon24 {background: url(../images/checked-checkbox-icon24.png) no-repeat; background-size:24px 24px;}
.check-icon-icon16 {background: url(../images/checked-checkbox-icon16.png) no-repeat; background-size:16px 16px;}
.uncheck-icon-icon24 {background: url(../images/unchecked-checkbox-icon24.png) no-repeat; background-size:24px 24px;}
.uncheck-icon-icon16 {background: url(../images/unchecked-checkbox-icon16.png) no-repeat; background-size:16px 16px;}

.minimized-bgr {background-size: 85% auto;margin:2px -1px 0px 0px !important;}
.offseted-bgr {margin:6px 6px 0px 0px;}
.video-block, .snapshot-block {float:left;border:1px solid #999999;margin:4px 2px 0px 2px;}
.clearfix {float: none;clear: both;}
.videoPlayerContainer {padding:5px 5px 5px 5px;width:640px;margin:auto;}
.videoPlayerTitle {font-size:16px;font-weight:bold;padding:5px 5px 8px 5px;}


.puzzle .swiper-container {border:1px solid #FFFFFF; width:640px;}
.time-line {width:100%; height: 100px !important;}
.tml-slider {height:100px !important}
.swiper-wrapper {height:105px !important;}
.one-hour-container, .bot-hour-container {
height:16px;
background:#111111;
padding:2px 0px 2px 0px;

}
.one-hour-container {margin:0px;}

.swiper-scrollbar {margin-top:0px;width:95%;background:#222222;}
.swiper-scrollbar-drag {background:#0C0C0C;}
.scrollviewsld {width:100%;height: 75px !important;}

.minutes-sel {width:47px;display:inline-block; line-height:16px; border-left:1px solid #DDDDDD;padding:0px 0px 0px 2px;}

#recipient_addr_1, #recipient_addr_2 {display:block;}
#recipient_offices_row, #sender_is_comp_row, #recipient_is_comp_row {display:none;}

.pages_navigation {
	width:98%;
	clear: both;
	padding: 0px 0px 0px 0px;
	margin:auto;margin-bottom:}

.bottom_navigation_pages .pages_navigation {
	padding: 5px 0px 0px 0px;
	clear: none;
	float: left; 10px;}

.pages_navigation a,
.pages_navigation span {
	float: left;
	/*
	background: #eee;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1)));
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
	background: linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=1 );
	*/
	background:url("../images/ui-bg_glass_20_555555_1x400.png") repeat-x scroll 50% 50% #555555;
	padding: 3px 8px;
	margin: 0px 5px 0px 0px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	font-size: 12px;
	border: 1px solid #ccc;
	font-weight: bold;
	color: #FFFFFF !important;
	text-decoration: none !important;
	/*text-shadow: 0px 1px 0px #fff;
	box-shadow: 0px 2px 2px #eee;*/ }

.pages_navigation span { opacity: 0.5; cursor: default; }

.pages_navigation a.current {
	background:url("../images/ui-bg_inset-soft_30_f58400_1x100.png") repeat-x scroll 50% 50% #555555;
	border: 1px solid #999;
	box-shadow: 0px 2px 2px #eee;
	color: #333333;}
	
.pages_navigation a:hover {
	background:url("../images/ui-bg_glass_40_0078a3_1x400.png") repeat-x scroll 50% 50% #555555;
	border: 1px solid #999;
	color: #333333;}	
	

.page-header {margin:0px 0px 0px 0px !important; padding:10px 0px 5px 5px !important;}	
.page-header h1 {font-size:20px !important; font-weight:bold;margin:0px !important; padding:0px !important;}
.protocol-header h1 {text-align:center !important;font-size:24px !important; font-weight:bold;margin:0px !important; padding:4px 0px 4px 0px !important;}

.pages_navigation a:active {
	/*
	background: rgb(158,158,158);
	background: -moz-linear-gradient(top, rgba(158,158,158,1) 0%, rgba(187,187,187,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(158,158,158,1)), color-stop(100%,rgba(187,187,187,1)));
	background: -webkit-linear-gradient(top, rgba(158,158,158,1) 0%,rgba(187,187,187,1) 100%);
	background: -o-linear-gradient(top, rgba(158,158,158,1) 0%,rgba(187,187,187,1) 100%);
	background: -ms-linear-gradient(top, rgba(158,158,158,1) 0%,rgba(187,187,187,1) 100%);
	background: linear-gradient(top, rgba(158,158,158,1) 0%,rgba(187,187,187,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e9e9e', endColorstr='#bbbbbb',GradientType=0 );
	*/
	background:url("../images/ui-bg_inset-soft_30_f58400_1x100.png") repeat-x scroll 50% 50% #555555;
	box-shadow: inset 0px 1px 1px #333;
	-moz-box-shadow: inset 0px 1px 1px #333;
	-webkit-box-shadow: inset 0px 1px 1px #333;
	border: 1px solid #666;
	color: #FFFFFF;
	text-shadow: 0px 1px 0px #ddd;
	padding: 4px 8px 2px 8px }
	
.total_info{
	text-align:right;
	color: #333333;
	font-size: 13px;
	font-weight:bold;
}	



.error_login_field {
	background: transparent url('../images/error_ballon.png') left top no-repeat;
	width: 132px;
	height: 28px;
	position: absolute;
	z-index: 999999;
	top: -34px;
	left: -2px;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 8px 0px 0px 0px;
	text-align: center;
	text-shadow: 0px 1px 1px #5a0400; }
	
.major_success,
.major_error {
	background: rgb(251,255,239);
	background: -moz-linear-gradient(top, rgba(251,255,239,1) 0%, rgba(229,243,185,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,255,239,1)), color-stop(100%,rgba(229,243,185,1)));
	background: -webkit-linear-gradient(top, rgba(251,255,239,1) 0%,rgba(229,243,185,1) 100%);
	background: -o-linear-gradient(top, rgba(251,255,239,1) 0%,rgba(229,243,185,1) 100%);
	background: -ms-linear-gradient(top, rgba(251,255,239,1) 0%,rgba(229,243,185,1) 100%);
	background: linear-gradient(top, rgba(251,255,239,1) 0%,rgba(229,243,185,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbffef', endColorstr='#e5f3b9',GradientType=0 );
	display: block;
	clear: both;
	padding: 1px 1px 1px 5px;
	border: 1px solid #7c9434;
	margin: -5px 0px 12px 0px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); }
	
.major_error {
	background: rgb(255,240,239);
	background: -moz-linear-gradient(top, rgba(255,240,239,1) 0%, rgba(255,215,213,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,240,239,1)), color-stop(100%,rgba(255,215,213,1)));
	background: -webkit-linear-gradient(top, rgba(255,240,239,1) 0%,rgba(255,215,213,1) 100%);
	background: -o-linear-gradient(top, rgba(255,240,239,1) 0%,rgba(255,215,213,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,240,239,1) 0%,rgba(255,215,213,1) 100%);
	background: linear-gradient(top, rgba(255,240,239,1) 0%,rgba(255,215,213,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0ef', endColorstr='#ffd7d5',GradientType=0 );
	border: 1px solid #c9635e; }
	
.major_success div,
.major_error div {
	background: transparent url('../images/check-icon16.png') left center no-repeat;
	padding: 0px 0px 0px 25px;
	color: #273107; }
	
.major_error div {
	background: transparent url('../images/remove-icon16.png') left center no-repeat;
	color: #6a1a16; }
	
.invislabel {}

.signloyout {width:100%;height:100%;}
.signup-container {max-width:720px;height:80%;margin:auto;padding-top:10%;}
.signin-container {max-width:500px;min-width:300px;height:80%;margin:auto;padding-top:10%;}
.signupinlink {color:#004080;font-size:11px;text-decoration:underline;}
.singupin {width:98%;min-width:300px;height:auto; margin:auto !important;padding:15px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;	
	box-shadow: 0px 2px 4px rgba(255, 255, 255, 6);
	-moz-box-shadow: 0px 2px 4px rgba(255, 255, 255, 6);
	-webkit-box-shadow: 0px 2px 4px rgba(255, 255, 255, 6);
	background: rgb(255,255,255);
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 56%, rgba(239,239,239,1) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(56%,rgba(255,255,255,1)), color-stop(100%,rgba(239,239,239,1)));
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 56%,rgba(239,239,239,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 56%,rgba(239,239,239,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 56%,rgba(239,239,239,1) 100%);
	background: linear-gradient(-45deg, rgba(255,255,255,1) 56%,rgba(239,239,239,1) 100%);
}
.singupin h1 {font-size:20px;padding:0px 0px 0px 0px;}
.singupin h2 {font-size:16px;padding:0px 0px 0px 0px;line-height:16px;margin:0px 0px 5px 0px;}

.singupin label {font-size:13px;/*min-width:60px !important;*/}
/*.singupin button {width:73% !important;}*/
.short-mini input[type="text"] {width:26px !important; float:left; margin:0px 0px 0px 0px;text-align:right !important;}
.short-mini span {float:left; margin:0px 2px 0px 2px; line-height:32px;font-size:22px;}
.port-spinner {width:60px !important;float:left;}
.middle-spinner input[type="text"] {width:80px !important; height: 18px !important; border: none !important;margin:0px 0px 3px 0px;}
.chbox-lab-extended {width:195px !important;}
/*.singupin {min-width:300px;max-width:48%;height:450px;}*/

@media only screen and (max-width: 480px){
	.singupin {width:300px !important;margin:auto !important;}
	.controls input[type="text"], .controls input[type="password"] {width:280px !important;}
	.singupin button {width:98% !important;}
}

/*
#sender_city, #recipient_city {max-width: 383px !important;}
#sender_street, #recipient_street {max-width: 453px !important;}
#sender_other, #recipient_other {max-width: 175px !important;}*/

.loading-indicator {
	height: 80px;
	width: 80px;
	background: url( '../images/loading.gif' );
	background-repeat: no-repeat;
	background-position: center center;
}

.loading-indicator-overlay {
	background-color: #FFFFFF;
	opacity: 0.6;
	filter: alpha(opacity = 60);
}

.ui-timepicker-div {padding:10px !important;}

.langselector {	
	width:80px;
	height:20px;
	padding:0px 0px 0px 0px;	
	float:right;
}

.langselector img {
	border: 0px;
	float:right;
	cursor:pointer;
	margin:0px 0px 0px 5px;
}	

.langselector b {padding-top:15px;float:right;}

.video-container {overflow:hidden;border:1px solid #666666;display:block;float:left;background: url(../images/no-video-found.jpg) center no-repeat; background-size:100% 100%;}
.treepanelcont {float:left;width:250px;height:100%;margin:0px 0px 0px 0px !important;overflow:auto;}
.ui-tabs-panel {padding:2px 0px 0px 0px !important;}
.drag-btn-button, .drag-btn-switch, .drag-btn-thermo {}
.tree-container {width:230px;min-height:500px;overflow:auto;}


.drop-block-visibility {
	background:#ECECEC;
	display:block;
	opacity:0.1;
	filter:alpha(opacity=10);	
	width:100%;height:100%;
}

/*
.drag-active-class {
	opacity:0.4;
	filter:alpha(opacity=40);	
}

.input-hover-class {	
	opacity:0.6;
	filter:alpha(opacity=60);	
}*/

.x-tree-root-ct {background: #000000;}
.x-tree-node-anchor {display:inline-block; z-index:9999;cursor:move;color: #FFFFFF; z-index:9999999 !important;}
.x-tree-node a span, .x-dd-drag-ghost a span, .x-tree-node-anchor {color: #FFFFFF; }
.x-tree-node a:hover span, .x-dd-drag-ghost a:hover span {color: #FFFFFF;}


.grid-video-container {float:left;border:1px solid #CC0000;}



.ui-tabs-vertical .ui-tabs-nav li, .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { clear: left; width: 95%;  margin: 2px 4px 2px 4px; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; width: 95%;}

/*
.table-striped tbody>tr:nth-child(odd)>td{background-color:#111111;}
.table-hover tbody tr:hover>td{background-color:#333333;}
*/

.btn-large {font-size:18px !important; font-weight:normal;}
.btn-primary {color:#FFFFFF !important;}
/*.form-editing div.controls, .form-editing label.control-label {padding:10px 0px 0px 0px !important;}*/



.partA {width:24%;height:auto;float:left;display:block;overflow-x:hidden;overflow-y:auto;padding:0px !important;}
.partB {width:24%;height:auto;float:left;display:block;overflow-x:hidden;overflow-y:auto;padding:0px !important;}
.partC {width:51%;height:auto;float:left;display:block;overflow-x:hidden;overflow-y:auto;padding:2px;}
.partD {width:33%;height:auto;float:left;display:block;overflow-x:hidden;overflow-y:auto;padding:0px !important;}

.partA h4, .partB h4, .partC h4  {margin:0px !important;padding:0px !important;font-size:16px;font-weight:bold;line-height:16px !important;}

#list_drag_questions {z-index:99999;}
.drag-btn-nonassociated-questions, .drag-btn-nonassociated-answers, .drag-btn-associated-questions, .drag-btn-associated-answers {cursor:move !important;width:250px;display:block;
margin:3px 1px 3px 1px;	

}
.drag-active-class {
	background: #FBFFA6 !important;
	border: 1px solid #F8FF66 !important;
	pacity: 0.4;
	filter: alpha(opacity = 40);
}
.input-hover-class {
	background: #D7F0FF !important;
	border: 1px solid #95D8FF !important;
	pacity: 0.6;
	filter: alpha(opacity = 60);
}

.quest_answ_container {padding:10px;height:auto;display:block;}


.drop-zone{
	display:block;
	border: 1px solid #ddd;
	line-height:30px;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 56%, rgba(239,239,239,1) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(56%,rgba(255,255,255,1)), color-stop(100%,rgba(239,239,239,1)));
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 56%,rgba(239,239,239,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 56%,rgba(239,239,239,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 56%,rgba(239,239,239,1) 100%);
	background: linear-gradient(-45deg, rgba(255,255,255,1) 56%,rgba(239,239,239,1) 100%);
	padding: 5px;
	margin:4px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
	text-align:center;
	color: #D1D1D1;
}


.drop-zone-survey, .drop-zone-questionslist, .drop-zone-answerslist {padding:0px;margin:0px;
	overflow-x:hidden;overflow-y:auto;
	width: 100%;
	height: 400px;}
	
.drag-btn-associated-answers {width:98% !important;}	

.drag-btn-short {width:120px !important;height:60px !important;}
.deasociate-btn {float:right;background:url(../images/remove-icon16.png) center no-repeat;width:16px;height:16px; cursor:pointer !important;z-index:9999;}
	
.drop-zone-survey {height: 400px;}	
.drop-zone-questions {padding:6px;margin:auto;margin-top:3px;margin-bottom:3px;
	overflow-x:hidden;overflow-y:auto;
	width: 97%;
	min-height:120px;
	height:auto;}
	
.drop-zone-questions h3 {margin:0px !important;padding:0px !important;font-size:16px !important;text-align:left !important;line-height:16px !important;}	
.drop-zone-garbage {background:url(../images/recycle-bin.png) center no-repeat;width:280px;height:140px;}


	
.error{width:99%;height:32px;background:url(../images/err28.png) center left no-repeat #FC8D81;border:1px solid #E71C05;color:#A01303;font-weight:700;font-size:14px;text-align:center;vertical-align:middle;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:3px auto 8px;padding:6px 6px 6px 6px;line-height:20px;}
.message{width:99%;height:32px;background:url(../images/msg28.png) center left no-repeat #9FF7A2;border:1px solid #3AEF3F;color:#09640B;font-weight:700;font-size:14px;text-align:center;vertical-align:middle;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:3px auto 8px;padding:6px 6px 6px 6px;line-height:20px;}



.progressbar1 .bar {
background-color: #4bb1cf;
background-image: -moz-linear-gradient(top,#5bc0de,#339bb9);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));
background-image: -webkit-linear-gradient(top,#5bc0de,#339bb9);
background-image: -o-linear-gradient(top,#5bc0de,#339bb9);
background-image: linear-gradient(to bottom,#5bc0de,#339bb9);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0);
}


.progressbar2 .bar  {
background-color: #5eb95e;
background-image: -moz-linear-gradient(top, #62c462, #57a957);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
background-image: -webkit-linear-gradient(top, #62c462, #57a957);
background-image: -o-linear-gradient(top, #62c462, #57a957);
background-image: linear-gradient(to bottom, #62c462, #57a957);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}


.progressbar3 .bar {
background-color: #faa732;
background-image: -moz-linear-gradient(top, #fbb450, #f89406);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
background-image: -o-linear-gradient(top, #fbb450, #f89406);
background-image: linear-gradient(to bottom, #fbb450, #f89406);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
}


.progressbar4 .bar {
background-color: #dd514c;
background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}


.progressbar5 .bar, {
background-color: #4bb1cf;
background-image: -moz-linear-gradient(top,#5bc0de,#339bb9);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));
background-image: -webkit-linear-gradient(top,#5bc0de,#339bb9);
background-image: -o-linear-gradient(top,#5bc0de,#339bb9);
background-image: linear-gradient(to bottom,#5bc0de,#339bb9);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0);
}


.progressbar6 .bar  {
background-color: #5eb95e;
background-image: -moz-linear-gradient(top, #62c462, #57a957);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
background-image: -webkit-linear-gradient(top, #62c462, #57a957);
background-image: -o-linear-gradient(top, #62c462, #57a957);
background-image: linear-gradient(to bottom, #62c462, #57a957);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}


.progressbar7 .bar {
background-color: #faa732;
background-image: -moz-linear-gradient(top, #fbb450, #f89406);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
background-image: -o-linear-gradient(top, #fbb450, #f89406);
background-image: linear-gradient(to bottom, #fbb450, #f89406);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
}


.progressbar8 .bar {
background-color: #dd514c;
background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}


#resultscont {padding:10px;}
#resultscont h3 {font-size:20px !important; font-weight:bold;}

.chartsize {
				width		: 100%;
				height		: 435px;
				font-size	: 11px;
			}	
			
		
		
.print-wrapper{
			margin: auto;
			margin-top:10px;
			width:840px;
			height:auto;
			display:block;
		}	
		
		.table {margin:0px !important;}
		
		.table h4 {margin:0px !important; padding: !important; font-size:14px; font-weight:bold;}
		.table h5 {margin:0px !important; padding: !important; font-size:11px; font-weight:bold;}
		.table h6 {margin:0px !important; padding: !important; font-size:10px; font-style:italic;}
		.table center {margin:0px !important; padding: !important; font-size:9px; font-style:italic;margin:0px !important; padding: 0px !important;}
		
		.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {padding:4px;}
		
		.checkblock { height:16px; display:block;line-height:16px;padding:0px 4px 0px 20px;float:left;font-weight:bold;font-size:12px;}	
		
		.check-icon-icon24 {background: url(../images/checked-checkbox-icon24.png) no-repeat; background-size:24px 24px;}
		.check-icon-icon16 {background: url(../images/checked-checkbox-icon16.png) no-repeat; background-size:16px 16px;}
		.uncheck-icon-icon24 {background: url(../images/unchecked-checkbox-icon24.png) no-repeat; background-size:24px 24px;}
		.uncheck-icon-icon16 {background: url(../images/unchecked-checkbox-icon16.png) no-repeat; background-size:16px 16px;}		
		
		
.input-sm, .form-horizontal .form-group-sm .form-control {
	padding: 1px 2px !important;
}		

.chartsize1 {
				width		: 100%;
				height		: 650px;
				font-size	: 11px;
			}	
.chartsize2 {
				width		: 100%;
				height		: 250px;
				font-size	: 11px;
			}	
			
.chartsize3 {
				width		: 100%;
				height		: 350px;
				font-size	: 11px;
}			


div.frame {
    background: #fff;
    padding: 0.8em;
    border: solid 2px #ddd;
    margin: 0 0.3em;
    width:825px;
   
}
	

.mainmenucontainer {padding:15px 15px 15px 15px;}
  	.mainmenublock {padding:5px 5px 5px 5px;}
  .mainmenublock h2 {display:block;float:left;color:#FE860E;font-size:14px;line-height:18px !important;font-weight:bold;margin:0px 0px 0px 0px;}
  .mainmenublock h2:after {clear:both;}
	.mainmenublock p {display:block; font-size:12px;color:#000000;width:80% !important; float:left;padding:0px;}	
	.mainmenublock img {display:block;width:50px !important;float:left; }	
	
.pagination {margin:0px;}	
.manage-content {height:100%;padding:7px;}	

.inr-content-pad, .search-fiters {padding:10px 25px 10px 25px;}
	.form-fields {padding:30px;}
@media (min-width: 1200px) {	
  /*.control-label {width:20% !important;margin:2px 5px 2px 0px !important;}*/
}			

@media (min-width: 1024px) and (max-width: 1199px) {	
	/*.control-label {width:20% !important;margin:2px 5px 2px 0px !important;font-size:14px;}*/
   .form-fields input[type="text"], .form-fields input[type="password"], .form-fields select, .form-fields button, .search-fiters input[type="text"], .search-fiters select, .search-fiters button {margin:4px 8px 4px 8px;}
   .form-fields {padding:20px;}
}	


@media (min-width: 992px) and (max-width: 1023px) {	
 .form-fields input[type="text"], .form-fields input[type="password"], .form-fields select, .form-fields button, .search-fiters input[type="text"], .search-fiters select, .search-fiters button {margin:4px 4px 4px 4px;}
	/*.control-label {width:100% !important;margin:2px 5px 2px 0px !important;font-size:14px;}*/
	
	.form-horizontal .form-group {margin:5px 5px 5px -15px;}
}			

@media (min-width: 768px) and (max-width: 991px) {	
	.search-fiters {margin-left:0px !important; margin-right:-5px !important;}
	.form-fields input[type="text"], .form-fields input[type="password"], .form-fields select, .form-fields button, .search-fiters input[type="text"], .search-fiters select, .search-fiters button {margin:4px 4px 4px 4px;}
  /*.control-label {width:100% !important;margin:2px 5px 2px 0px !important;font-size:14px;}*/
  .form-horizontal .form-group {margin:5px 5px 5px -15px;}
}


@media (max-width: 767px) {
	.search-fiters {margin-left:0px !important; margin-right:-5px !important;}
  .form-fields input[type="text"], .form-fields input[type="password"], .form-fields select, .form-fields button, .search-fiters input[type="text"], .search-fiters select, .search-fiters button {margin:4px 4px 4px 4px;}
  .signin-container {max-width:86%;margin:auto;}
  .invisible-td {display:none;}
  .ui-datepicker-trigger {margin:12px 0px 0px 0px !important;}
  /*.control-label {width:100% !important;margin:2px 5px 2px 0px !important;font-size:14px;}*/
  .logocontainer {float:none;margin:auto;}
  .form-horizontal .form-group {margin:5px 5px 5px 5px;}
  .mainmenucontainer {padding:15px 25px 15px 20px;}
 
}

tr.collapse.in {
  display:table-row;
}

@media print {
.printhidden {display:none;}
.printshowen {display:block;}
}




.langselector {	
	width:50px;
	height:20px;
	padding:0px 0px 0px 0px;	
	float:right;
}

.langselector img {
	border: 0px;
	float:right;
	cursor:pointer;
	margin:0px 0px 0px 5px;
}	




.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}


.alert {
    border: 0;
    border-radius: 0;
    position: relative;
    padding: 20px 15px !important;
    line-height: 20px !important;
    z-index:99999 !important;
}

.alert b {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px;
}

.alert,
.alert.alert-default {
    background-color: white;
    color: #555555;
    border-radius: 3px;
    box-shadow: 0 12px 20px -10px rgba(255, 255, 255, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 255, 255, 0.2);
}

.alert a,
.alert .alert-link,
.alert.alert-default a,
.alert.alert-default .alert-link {
    color: #555555;
}

.alert.alert-inverse {
    background-color: #2e2e2e;
    color: #fff;
    border-radius: 3px;
    box-shadow: 0 12px 20px -10px rgba(33, 33, 33, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(33, 33, 33, 0.2);
}

.alert.alert-inverse a,
.alert.alert-inverse .alert-link {
    color: #fff;
}

.alert.alert-primary {
    background-color: #af2cc5;
    color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2);
}

.alert.alert-primary a,
.alert.alert-primary .alert-link {
    color: #ffffff;
}

.alert.alert-success {
    background-color: #5cb860;
    color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2);
}

.alert.alert-success a,
.alert.alert-success .alert-link {
    color: #ffffff;
}

.alert.alert-info {
    background-color: #00d3ee;
    color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2);
}

.alert.alert-info a,
.alert.alert-info .alert-link {
    color: #ffffff;
}

.alert.alert-warning {
    background-color: #ffa21a;
    color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2);
}

.alert.alert-warning a,
.alert.alert-warning .alert-link {
    color: #ffffff;
}

.alert.alert-danger {
    background-color: #f55a4e;
    color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2);
}

.alert.alert-danger a,
.alert.alert-danger .alert-link {
    color: #ffffff;
}

.alert.alert-rose {
    background-color: #eb3573;
    color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 12px 20px -10px rgba(233, 30, 99, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(233, 30, 99, 0.2);
}

.alert.alert-rose a,
.alert.alert-rose .alert-link {
    color: #ffffff;
}

.alert-info,
.alert-danger,
.alert-warning,
.alert-success {
    color: #ffffff;
}

.alert-default a,
.alert-default .alert-link {
    color: rgba(0, 0, 0, 0.87);
}

.alert i[data-notify="icon"] {
    font-size: 30px;
    display: block;
    left: 15px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
}

.alert span {
	  padding-left:45px;
    display: block;
    max-width: 89%;
}

.alert .alert-icon {
    display: block;
    float: left;
    margin-right: 15px;
}

.alert .alert-icon i {
    margin-top: -7px;
    top: 5px;
    position: relative;
}

.alert.alert-with-icon {
    padding-left: 65px;
}


.sidebar-form {
	border:none !important;
}

.instance-change select {
	margin-top:8px;
	color: #999999;
	  background-color: #374850;
	  border-color:  #374850;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
}






.checkbox {
  padding-left: 20px;
}
.checkbox label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}
.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  color: #555555;
}
.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
  opacity: 0;
  z-index: 1;
}
.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after {
  font-family: "FontAwesome";
  content: "\f00c";
}
.checkbox input[type="checkbox"]:indeterminate + label::after,
.checkbox input[type="radio"]:indeterminate + label::after {
  display: block;
  content: "";
  width: 10px;
  height: 3px;
  background-color: #555555;
  border-radius: 2px;
  margin-left: -16.5px;
  margin-top: 7px;
}
.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="radio"]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
  border-radius: 50%;
}
.checkbox.checkbox-inline {
  margin-top: 0;
}

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
  background-color: #337ab7;
  border-color: #337ab7;
}
.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-primary input[type="checkbox"]:indeterminate + label::before,
.checkbox-primary input[type="radio"]:indeterminate + label::before {
  background-color: #337ab7;
  border-color: #337ab7;
}

.checkbox-primary input[type="checkbox"]:indeterminate + label::after,
.checkbox-primary input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.checkbox-danger input[type="checkbox"]:indeterminate + label::before,
.checkbox-danger input[type="radio"]:indeterminate + label::before {
  background-color: #d9534f;
  border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:indeterminate + label::after,
.checkbox-danger input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.checkbox-info input[type="checkbox"]:indeterminate + label::before,
.checkbox-info input[type="radio"]:indeterminate + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:indeterminate + label::after,
.checkbox-info input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.checkbox-warning input[type="checkbox"]:indeterminate + label::before,
.checkbox-warning input[type="radio"]:indeterminate + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:indeterminate + label::after,
.checkbox-warning input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.checkbox-success input[type="checkbox"]:indeterminate + label::before,
.checkbox-success input[type="radio"]:indeterminate + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:indeterminate + label::after,
.checkbox-success input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.radio {
  padding-left: 20px;
}
.radio label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}
.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
}
.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #555555;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {
  opacity: 0;
  z-index: 1;
}
.radio input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.radio input[type="radio"]:checked + label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
.radio input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.radio input[type="radio"]:disabled + label::before {
  cursor: not-allowed;
}
.radio.radio-inline {
  margin-top: 0;
}

.radio-primary input[type="radio"] + label::after {
  background-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #337ab7;
}

.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f;
}

.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de;
}

.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e;
}

.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c;
}

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
  font-family: 'FontAwesome';
  content: "\f00c";
}
input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
  color: #fff;
}
input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
  color: #fff;
}
 

.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

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

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

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.special-checkbox label::before {width:0px !important;height:0px !important;}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}

.small-text-label {
    font-size: 12px !important;
}

.table-responsive {overflow-x:hidden !important;}

.info-cust-head {display:block;padding:0px !important;margin:0px !important;font-size:22px;font-weight:bold;text-align:left;}
.info-cust-headS {display:block;padding:0px !important;margin:0px !important;text-align:right;font-size:18px;line-height:18px !important;}
.info-cust-summC {display:block;padding:0px !important;margin:0px !important;font-size:14px;line-height:14px !important;font-weight:normal;text-align:left;}
.info-cust-summA {display:block;padding:0px !important;margin:5px 0px 0px 0px !important;font-size:18px;line-height:18px !important;font-weight:normal;text-align:left;}
.info-cust-summP {display:block;padding:0px 10px 0px 0px !important;margin:10px 0px 10px 0px !important;font-size:20px;line-height:20px !important;font-weight:normal;text-align:left;}
.info-cust-summPBIG {display:block;padding:0px 10px 0px 10px !important;margin:0px 0px 10px 0px !important;font-size:42px;line-height:42px !important;font-weight:normal;text-align:left;}
.info-cust-summA strong, .info-cust-summC strong, .info-cust-summP strong, .info-cust-summPBIG strong {float:right;}
.chart-legend li > strong{float:right;padding-right:10px;}

.blinking{
   /* animation:blinkingText 1.2s infinite;*/
}


.nav-tabs-custom {margin-bottom:0px !important;}

@keyframes blinkingText{
    0%{     color: #20C05C;    }
    49%{    color: #20C05C; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #20C05C;    }
}


.gmap3{
  margin: 20px auto;
  border: 1px dashed #C0C0C0;
  width: 1000px;
  height: 500px;
}
.cluster{
  color: #FFFFFF;
  text-align:center;
  font-family: 'Arial, Helvetica';
  font-size:11px;
  font-weight:bold;
  cursor: pointer;
}
.cluster-1{
  background-image:url(../images/m1.png);
  line-height:53px;
  width: 53px;
  height: 52px;
}
.cluster-2{
  background-image:url(../images/m2.png);
  line-height:53px;
  width: 56px;
  height: 55px;
}
.cluster-3{
  background-image:url(../images/m3.png);
  line-height:66px;
  width: 66px;
  height: 65px;
}

/*
@media only screen and (min-width: 900px) {.modal-dialog{min-width:880px !important;}}
@media only screen and (min-width: 1023px) {.modal-dialog{min-width:1000px !important;}}
@media only screen and (min-width: 1199px) {.modal-dialog{min-width:1100px !important;}}
@media only screen and (min-width: 1440px) {.modal-dialog{min-width:1420px !important;}}
@media only screen and (min-width: 1599px) {.modal-dialog{min-width:1550px !important;}}
*/