/*********** 

Page Header

***********/

/* Header search bar, toggler button & top menu */



  body {

	  font-family: 'Raleway', sans-serif;



  }

.page-header.navbar {

  background-color: #fff;
  border-bottom: 1px solid #f3f2f2;

  /* Top notification menu/bar */

  /* Header seaech box */

  /* Toggler button for sidebar expand/collapse and responsive sidebar menu */

}

.page-header.navbar .top-menu .navbar-nav {

  /* Extended Dropdowns */

  /* Notification */

  /* Inbox */

  /* Tasks */

  /* User */

  /* Language */

  /* Dark version */

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {

  color: #79869a;

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {

  background-color: #1caf9a;

  color: #ffffff;

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {

  bbackground-color: transparent;

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover > i {

  color: #a4aebb;

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {

  background-color: transparent;

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {

  color: #000;

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {

  border-color: #e7eaf0;

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {

  border-bottom-color: #eaedf2;

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {

  background: #eaedf2;

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {

  color: #62878f;

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {

  color: #5b9bd1;

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {

  color: #3175af;

  text-decoration: none;

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {

  border-bottom: 1px solid #EFF2F6 !important;

  color: #888888;

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {

  background: #f8f9fa;

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {

  background: #f1f1f1;

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {

  background: #e4e4e4;

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {

  background-color: #1caf9a;

  color: #ffffff;

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {

  border-color: transparent transparent transparent #1caf9a;

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {

  color: #5b9bd1;

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {

  background-color: #dfe2e9;

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {

	color: #000;

	font-size: 16px;

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {

	float: right;

	color: #000;

	font-size: 35px;

	margin-top: 14px;

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {

  width: 195px;

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {

  color: #c6cfda;

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {

  background: #3f4f62;

  border: 0;

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {

  border-bottom-color: #3f4f62;

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {

  background: #2f3b49;

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {

  color: #adbaca;

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {

  color: #87b6dd;

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {

  color: #bcc7d4;

  border-bottom: 1px solid #4b5e75 !important;

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {

  color: #9dadc0;

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {

  background: #47596e;

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {

  border-bottom: 0 !important;

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {

  background: #4b5e75;

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {

  background: #354353;

}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {

  background: #2b3643;

}

.page-header.navbar .search-form {

  background: #232c37;

}

.page-header.navbar .search-form:hover {

  background: #3f4f62;

}

.page-header.navbar .search-form .input-group .form-control {

  color: #959fad;

}

.page-header.navbar .search-form .input-group .form-control::-moz-placeholder {

  color: #929cab;

  opacity: 1;

}

.page-header.navbar .search-form .input-group .form-control:-ms-input-placeholder {

  color: #929cab;

}

.page-header.navbar .search-form .input-group .form-control::-webkit-input-placeholder {

  color: #929cab;

}

.page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {

  color: #959fad;

}

.page-header.navbar .search-form.open {

  background: #3f4f62;

}

.page-header.navbar .menu-toggler {

  background-image: url(../../img/sidebar_toggler_icon_darkblue.png);

}



/* Default Horizontal Menu */

.page-header.navbar {

  /* Default Mega Menu */

  /* Light Mega Menu */

}

.page-header.navbar .hor-menu .navbar-nav {

  /* Mega menu content */

  /* Classic menu */

}

/*.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {

  box-shadow: 5px 5px rgba(63, 79, 98, 0.2);

}*/

.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {

  color: #c6cfda;

}

.page-header.navbar .hor-menu .navbar-nav > li > a {

  color: #c6cfda;

}

.page-header.navbar .hor-menu .navbar-nav > li > a > i {

  color: #788ea8;

}

.page-header.navbar .hor-menu .navbar-nav > li.open > a,

.page-header.navbar .hor-menu .navbar-nav > li > a:hover {

  color: #d5dce4;

  background: #3f4f62 !important;

}

.page-header.navbar .hor-menu .navbar-nav > li.open > a > i,

.page-header.navbar .hor-menu .navbar-nav > li > a:hover > i {

  color: #889bb2;

}

.page-header.navbar .hor-menu .navbar-nav > li.active > a,

.page-header.navbar .hor-menu .navbar-nav > li.active > a, .page-header.navbar .hor-menu .navbar-nav > li.current > a,

.page-header.navbar .hor-menu .navbar-nav > li.current > a {

  color: white;

  background: #1caf9a !important;

}

.page-header.navbar .hor-menu .navbar-nav > li.active > a > i,

.page-header.navbar .hor-menu .navbar-nav > li.active > a > i, .page-header.navbar .hor-menu .navbar-nav > li.current > a > i,

.page-header.navbar .hor-menu .navbar-nav > li.current > a > i {

  color: #788ea8;

}

.page-header.navbar .hor-menu .navbar-nav > li.active .selected, .page-header.navbar .hor-menu .navbar-nav > li.current .selected {

  border-top: 6px solid #1caf9a;

}

.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu {

  /*box-shadow: 5px 5px rgba(63, 79, 98, 0.2);*/

  background: #3f4f62;

}

.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a {

  color: #c6cfda;

}

.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a > i {

  color: #c6cfda;

}

.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {

  color: #f1f3f6;

  background: #47596e;

}

.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {

  color: #f1f3f6;

}

.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a,

.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a,

.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {

  color: #f1f3f6;

  background: #47596e;

}

.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,

.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,

.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {

  color: #f1f3f6;

}

.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.divider {

  background-color: #495c72;

}

.page-header.navbar .hor-menu .navbar-nav > li .dropdown-submenu > a:after {

  color: #c6cfda;

}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav {

  /* Mega menu content */

  /* Classic menu */

}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {

  /*box-shadow: 5px 5px rgba(102, 102, 102, 0.1);*/

}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {

  color: #666;

}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a {

  color: #c6cfda;

}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a > i {

  color: #788ea8;

}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover {

  color: #d5dce4;

  background: #3f4f62;

}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {

  color: #889bb2;

}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a {

  color: #333 !important;

  background: white !important;

}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {

  color: #333 !important;

}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a,

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a,

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {

  color: white;

  background: #1caf9a;

}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {

  color: #788ea8;

}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {

  /*box-shadow: 5px 5px rgba(102, 102, 102, 0.1);*/

  background: white;

}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {

  color: #000;

}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {

  color: #888;

}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {

  color: #000;

  background: #f2f2f7;

}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {

  color: #666;

}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {

  color: #000;

  background: #f2f2f7;

}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {

  color: #666;

}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {

  background-color: #f2f2f7;

}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {

  border: 1px solid #efeff5;

}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {

  border-top: 0;

}



/* Page sidebar */

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,

.page-sidebar {

  background: #d95127;

  /* Default sidebar */

  /* light sidebar */

  /* Sidebar search */

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,

.page-sidebar .page-sidebar-menu {

  /* 1st level links */

  /* All links */

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,

.page-sidebar .page-sidebar-menu > li > a {

  border-bottom: 1px solid #fff;

  color: #fff;
  text-align: left;
  font-weight: 500;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i,

.page-sidebar .page-sidebar-menu > li > a > i {

  color: #fff;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"],

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"],

.page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"],

.page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] {

  color: #6b788b;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before,

.page-sidebar .page-sidebar-menu > li > a > .arrow:before,

.page-sidebar .page-sidebar-menu > li > a > .arrow.open:before {

  color: #fff;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3,

.page-sidebar .page-sidebar-menu > li.heading > h3 {

  color: #708096;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,

.page-sidebar .page-sidebar-menu > li:hover > a,

.page-sidebar .page-sidebar-menu > li.open > a {

  background: #ef6138;

  color: #fff;
  border-left: 3px solid #d95127;
  

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i,

.page-sidebar .page-sidebar-menu > li:hover > a > i,

.page-sidebar .page-sidebar-menu > li.open > a > i {

  color: #fff;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before,

.page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before,

.page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before,

.page-sidebar .page-sidebar-menu > li.open > a > .arrow:before,

.page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before {

  color: #fff;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,

.page-sidebar .page-sidebar-menu > li.active > a,

.page-sidebar .page-sidebar-menu > li.active.open > a {

  border-top-color: transparent;

  color: #fff;
  text-align: left;
  font-weight: 500;

}

 

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,

.page-sidebar .page-sidebar-menu > li.active > a:hover,

.page-sidebar .page-sidebar-menu > li.active.open > a:hover {

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i,

.page-sidebar .page-sidebar-menu > li.active > a > i,

.page-sidebar .page-sidebar-menu > li.active.open > a > i {

	color: #ffffff;

	width: 100%;

	margin: 0px;

	padding: 0px;

	font-size: 40px;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before,

.page-sidebar .page-sidebar-menu > li.active > a > .arrow:before,

.page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before,

.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before,

.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before {

  color: #ffffff;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active + li > a,

.page-sidebar .page-sidebar-menu > li.active + li > a {

  border-top-color: transparent;

}

 

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:last-child > a,

.page-sidebar .page-sidebar-menu > li:last-child > a {

  border-bottom: 1px solid transparent !important;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before,

.page-sidebar .page-sidebar-menu li > a > .arrow:before,

.page-sidebar .page-sidebar-menu li > a > .arrow.open:before {

  color: #fff;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open:before,

.page-sidebar .page-sidebar-menu li:hover > a > .arrow:before,

.page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before {

  color: #fff;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before,

.page-sidebar .page-sidebar-menu li.active > a > .arrow:before,

.page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before {

  color: #ffffff;

}

.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed

.page-sidebar .page-sidebar-menu:hover .sub-menu {

  background-color: #364150;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a,

.page-sidebar .page-sidebar-menu .sub-menu > li > a {

  color: #fff;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i,

.page-sidebar .page-sidebar-menu .sub-menu > li > a > i {

  color: #fff;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"],

.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],

.page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"] {

  color: #6b788b;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow.open:before,

.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow:before,

.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before {

  color: #fff;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,

.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,

.page-sidebar .page-sidebar-menu .sub-menu > li.open > a,

.page-sidebar .page-sidebar-menu .sub-menu > li.active > a {

  background: #bf6a02 !important;

}











.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i,

.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i,

.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i,

.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i {

  color: #fff;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before,

.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before,

.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before,

.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before,

.page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before,

.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before,

.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before {

  color: #606C7D;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light,

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light {

  /* 1st level links */

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.open > a,

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a,

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {

  background: #3a4656;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a,

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a,

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {

  background: #3e4b5c;

  border-left: 4px solid #1caf9a;

  color: #f1f1f1;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover,

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {

  border-left: 4px solid #1caf9a;

  background: #3a4656;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i,

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i,

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i {

  color: #eeeeee;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before,

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before,

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before,

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before,

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before {

  color: #eeeeee;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu,

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {

  background: #3a4656;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a,

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a,

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a,

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {

  background: #3e4b5c !important;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler,

.page-sidebar .sidebar-toggler {

  background: url(../../img/sidebar_inline_toggler_icon_darkblue.jpg);

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group,

.page-sidebar .sidebar-search .input-group {

  border-bottom: 1px solid #435060;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control,

.page-sidebar .sidebar-search .input-group .form-control {

  background-color: #364150;

  color: #4e5c6f;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-moz-placeholder,

.page-sidebar .sidebar-search .input-group .form-control::-moz-placeholder {

  color: #4e5c6f;

  opacity: 1;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control:-ms-input-placeholder,

.page-sidebar .sidebar-search .input-group .form-control:-ms-input-placeholder {

  color: #4e5c6f;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-webkit-input-placeholder,

.page-sidebar .sidebar-search .input-group .form-control::-webkit-input-placeholder {

  color: #4e5c6f;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .input-group-btn .btn > i,

.page-sidebar .sidebar-search .input-group .input-group-btn .btn > i {

  color: #4e5c6f;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-bordered .input-group,

.page-sidebar .sidebar-search.sidebar-search-bordered .input-group {

  border: 1px solid #435060;

}

.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .input-group, .page-sidebar-closed

.page-sidebar .sidebar-search.open .input-group {

  background-color: #364150;

}

.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .remove > i, .page-sidebar-closed

.page-sidebar .sidebar-search.open .remove > i {

  color: #4e5c6f;

}

.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group, .page-sidebar-closed

.page-sidebar .sidebar-search.sidebar-search-solid .input-group {

  background: none;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group,

.page-sidebar .sidebar-search.sidebar-search-solid .input-group {

  border: 1px solid #2c3541;

  background: #2c3541;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group .form-control,

.page-sidebar .sidebar-search.sidebar-search-solid .input-group .form-control {

  background: #2c3541;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid.open .input-group,

.page-sidebar .sidebar-search.sidebar-search-solid.open .input-group {

  border: 1px solid #364150;

  background: #364150;

}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid.open .input-group .form-control,

.page-sidebar .sidebar-search.sidebar-search-solid.open .input-group .form-control {

  background: #364150;

}



.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light {

  /* 1st level links */

}

.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {

  border-left: 0;

  border-right: 4px solid #1caf9a;

}

.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {

  border-left: 0;

  border-right: 4px solid #1caf9a;

}



/*************

Quick Sidebar

*************/

/***

Quick Sidebar Layout

***/

.page-quick-sidebar-wrapper {

  background: #435468;

}

.page-quick-sidebar-wrapper .page-quick-sidebar {

  background: #435468;

}



/*** 

Quick Sidebar Toggler 

***/

.page-quick-sidebar-toggler {

  background: #576d87;

}

.page-quick-sidebar-toggler:hover {

  background: #51667e;

}

.page-quick-sidebar-toggler > i {

  color: #d1d6de;

}



/***

Quick Sidebar Content

***/

.page-quick-sidebar-wrapper {

  color: #d1d6de;

  /* Quick sidebar chat */

  /* Quick sidebar alerts */

}

.page-quick-sidebar-wrapper .page-quick-sidebar {

  /* Quick sidebar tabs */

  /* Quick sidebar general list heading */

  /* Quick sidebar general list-items */

}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a {

  color: #c9ced7;

  background: #576d87;

}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li > a:hover {

  background: #4d6178;

}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li.open > a {

  color: #c9ced7;

  background: #576d87;

}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li.active > a {

  border: 0;

  background: #435468;

}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu {

  border: 0;

}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu:before {

  border-bottom: 7px solid #576d87;

}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu:after {

  border-bottom: 7px solid #576d87;

}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a {

  color: #d1d6de;

}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a > i {

  color: #ccd1d9;

}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a:hover {

  background: #5d7591;

  color: #d1d6de;

}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li > a:hover > i {

  color: #d4d9e0;

}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li.active > a {

  background: #59708a;

  color: #d1d6de;

}

.page-quick-sidebar-wrapper .page-quick-sidebar .nav-justified > li .dropdown-menu > li.divider {

  background-color: #5d7591;

}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-heading {

  color: #a5afbd;

}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-items {

  margin: 0;

  padding: 0;

  list-style: none;

}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li {

  border-bottom-color: #495c72;

}

.page-quick-sidebar-wrapper .page-quick-sidebar .list-items > li:hover {

  background: #495c72;

}

.page-quick-sidebar-wrapper .page-quick-sidebar-item {

  /* back to list */

}

.page-quick-sidebar-wrapper .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list {

  color: #c9ced7;

}

.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-sub {

  color: #9ca7b7;

}

.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-small {

  color: #919cae;

}

.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .name {

  color: #bdc4ce;

}

.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .datetime {

  color: #bdc4ce;

}

.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .message {

  color: #c9ced7;

  background: #576d87;

}

.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message .arrow {

  border-right-color: #576d87;

}

.page-quick-sidebar-wrapper .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message .arrow {

  border-left-color: #576d87;

}

.page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a {

  color: #b7bfca;

}

.page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .desc {

  text-decoration: underline;

}

.page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li .desc {

  color: #b1b9c6;

}

.page-quick-sidebar-wrapper .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li .date {

  color: #919cae;

}



/******

Page Footer 

******/

.page-footer .page-footer-inner {

  color: #98a6ba;

}

.page-footer-fixed .page-footer {

  background-color: #28303b;

}







.page-content-wrapper {

    background: #f5f6f7;

}

.sidebar-toggler-wrapper {

    display: none !important;

}

.start {

	border-bottom: 1px solid #fff !important;

}

.button-1 {

  background: #fff !important;
	border: 1px solid #d95127;
	color: #000;

}

.button-2 {

  background: #fff !important;
	border: 1px solid #d95127;
	color: #000;

}

.button-3 {

  background: #fff !important;
	border: 1px solid #d95127;
	color: #000 !important;

}

.button-1, .button-2, .button-3 {

	width: 140px;

	font-size: 18px;

	border-radius: 6px !important;

	margin-right: 10px;

}

.button-1:hover {
	color: #fff;

  background: #d95127 !important;

}

.button-2:hover {
	color: #fff;
	border: 1px solid #d95127;

  background: #d95127 !important;

}

.button-3:hover {
	color: #fff !important;

  background: #d95127 !important;

}

.table-col {

	font-size: 18px;

    border: 0px;

}

.table-col > tbody > tr > td {

    border: 0px;
	

border: 1px solid #ddd;
height: 100px;

}

.table-col > thead > tr > td, .table-col > thead > tr > th {

    border-bottom-width: 0px;
 
 
}

.table-col > thead > tr > td {

	color: #0006;

    background: #ededed;

	padding-bottom: 10px !important;
	font-weight: bold;
	text-transform: uppercase;

}

.table-col > tbody > tr:nth-of-type(2n+1) {

    background-color: #fff;

}

.table-col > tbody > tr {

    background-color: #fff;
	 

}

table.table-col.dataTable tbody th, table.table-col.dataTable tbody td {

	height: 100px;

    vertical-align: middle;

	font-size: 16px;

	 

}

.table-col .dropdown-menu {

    display: inherit;

	width: 150px !important;

}

.table-col .btn-default {

	width: 50px;

	border: 1px solid #d95127;

}

 

.table-col .dropdown-menu::before {

    display: none !important;

}

.table-col .dropdown-menu li {

    width: 50px;

	float: left;

	margin-right: 10px;

}

 
 

 

.dropdown-menu-col a {

    display: inline;

	padding-top: 10px;

}

.dropdown-menu-col span {

	font-size: 16px !important;

	color: #fff;

}

.table .btn {

    margin: 0 10px;

}

.dropdown-menu-col {

	width: 130px !important;

}

.dropdown-menu-col .btn-block {

	border: 1px solid #d95127;

}

.row-stat .col-sm-5 {

	width: 100%;

}

.row-stat .col-sm-7 {

	width: 100%;

}

.dataTables_paginate .pagination {

    display: inherit;

	width: 319px;

	height: 37px;

	border: 1px solid #ddd;

	margin: 0 auto !important;

}

.dataTables_paginate .pagination li a {

	font-size: 16px;

	color: #000;

	background: #fff;

	border: 0px;

	width: 80px;

	text-align: center;

}

.dataTables_paginate #mytable_previous a{

	color: #fff;

	background: #3491d1;

}

.dataTables_paginate #mytable_next a{

	color: #fff;

	background: #eb9021;

}

div.dataTables_wrapper div.dataTables_info {

    padding-top: 10px;

    font-size: 16px;

}

select.input-sm {

    height: 50px;

}

#err{

	 width: 100%;

	float: left;

	color: #ff0000;

	margin-bottom: 10px;

}

.page-content select {

	width: 493px;

	height: 50px;

	font-size: 16px;

	color: #6f6f6f;

    border: 1px solid #ddd;

	background-image: url(https://culture.proko.co/images/arrow.png);

	background-repeat: no-repeat;

	background-position: 97% 17px;  

}

.dashboard-col {

	width: 100%;

	float: left;

	background: #fff;


	margin-bottom: 30px;
 
box-shadow: 0px 5px 13px #c2c2c2;   

}

.dashboard-pic {

	width: 30%;

	height: 100px;

	float: left;

	text-align: center;

	display: flex;

	align-items: center;

	justify-content: center;  

}

.dashboard-box {

	width: 70%;

	height: 100px;

	float: left;

	display: flex;

	align-items: center;
	padding-left: 10px;

}

.dashboard-box p {

	font-size: 18px;

	color: #000;

	margin: 0px;  

}

.bottom-box{

	width: 100%;

	position: absolute;

	bottom: 0;

	left: 0;

	padding-left: 235px;  

}

.bottom-box1{

	width: 50%;

	float: left;

	background: #f5f6fa;  

}

.bottom-box2{

	width: 50%;

	float: left;

	text-align: right;  

	background: #f5f6fa;

}











.leftside{background:#ff8c00; height:100vh;}

.left-align {

    padding-left: 0px;

    padding-right: 0px;

}

.left-align2 {

    padding-left: 0px;

    padding-right: 0px;

}

.bg-success {

    background-color: #ff8c00!important;

    height: 100vh;

}

.bg-warning {

    background-color: #f5f6fa!important;

}

.bg-warning h2{font-weight:600; padding-top:44px;}

.right-side {

    background: #f5f6fa;

    width:82vw;}

.mt02{padding-top:40px;}

.box-survey {

    margin: 0px 0px 45px;

}

.box-survey ul{list-style:none; padding:0; margin:0;}

.box-survey ul li {

    display: inline-block;

    list-style: none;

    text-decoration: none;

    width: 100%;

    background: #d95127;

    height:150px;

	padding-top: 20px;

}

.box-survey ul li a{text-decoration:none;}

.view {

    background: none;
	width: 63px;
	height: 63px;
	border-radius: 40px !important;
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #fff;

}

.left-content {

	width: 70%;

    float: left;

	padding-top: 15px;

    margin-left: 0px;

}

.tip{}

.box-survey p {

    font-size: 36px;

	color: #fff;

    font-weight: 800;

    margin: 0px;

} 

.align-rights{float:right;}

.pt1 {

    font-size: 16px;

    color: #000;

    font-weight: 500;

	padding-top: 15px;

}

.pt2 {

    font-size:16px;

    color: #000;

}

.bg-white {

    background: #fff;

    border-radius: 32px;

    margin: 30px 0px 54px 0px;

}

#piechart, #piechart1 {

    padding: 14px 0px 0px 0px;

    margin: 0px auto;

    width: 65%;

}

.progress {

    height: 26px;

    border-radius: 1.25rem !important;

}

.progress-bar {

    background-color: #ff8b04;

    font-size: 16px;

    padding-right: 16px;

    border-radius: 16px !important;

	line-height: 27px;

	font-weight: 700;

}

.bordline {

    height: 2px;

    background: #aaaaab;

    width: 97%;

    padding: 1px 0px 0px;

    margin:0px auto 24px;

}

.padd2 {

    padding: 34px 24px 0px 5px;

    margin: 0px 16px 0px 6px;

}

.vot {

    border-radius: 20px;

    color: #000;

    font-size: 18px;

    margin: 40px 0px 20px 0px;

}

.footer2{}

.footer2::after{width:100px; height:100px; content:url(../images/1.png); position:absolute; left:0px; top:0px;}

.footer2::before{width:100px; height:100px; content:url(../images/2.png); position:absolute; right:79px; top:0px;}



.left-content button {

	background: #3491d1;

}

.left-content h3 {

	color: #fff;

	margin-top: 0px;

}

.col-form-label {

    padding-left: 14px;

	text-align: center;

}

.col-form-label p {

	font-size: 16px;

	color: #000;

	font-weight: 500;

	display: inline-block;

	padding-top: 15px;

	padding-right: 20px;

	float: left;

	width: 48%;

	text-align: right;

}

.col-form-label select {

	float: right;

	font-size: 16px;

}

.answer-col {

	width: 100%;

	float: left;

	border-bottom: 1px solid #ddd;

	padding-top: 50px;

}

.answer-col1 {

	width: 100%;

	float: left;

	padding: 20px 0px 30px 0px;

}

.graph-col {

    background: #fff;

	border: 1px solid #eee;

	margin-top: 42px;

}

.answer-main {

	width: 100%;

	float: left;

	border: 1px solid #eee;

	margin-top: 10px;

}

.surveys-box {

    margin-top: 30px;

}

.question-col {

    width: 100%;

    float: left;

    border-bottom: 1px solid #ddd;

    padding-bottom: 15px;

	margin: 30px 0px;

}

.question-col .col-sm-6 {

	padding: 0px;

}

.bg-white .pt1 {

	padding-top: 0px;

}

.responses-report .pt1 {

	border-bottom: 1px solid #ddd;

	padding-bottom: 15px;

	margin-bottom: 15px;

}

.responses-report table{

	width: 100%;

}

.responses-report table th, .responses-report table td{

	border: 1px solid #ddd;

	height: 30px;

	padding: 0 20px;

}

.responses-report-table {

	overflow-x: scroll;

	background: #FFF;

}

.responses-report table td i {

	color: #ff8c00;

}

.poll-col {

	margin-top: 50px;

}







.ouestion-mark {

	border: 1px solid #d95127;

	border-radius: 50% !important;

	color: #d95127;

    display: inline-block;

    height: 15px;

    line-height: 15px;

    margin-left: 10px;

    text-align: center;

    width: 15px;

    font-size: 11px;

	margin-top: 4px;

}

.tooltips {position: relative;display: inline-block;}

.tooltips .tooltip2 { 

	visibility: hidden;

	width: 200px;

	background-color: #d95127;

	color: #fff;

	z-index: 1;

	bottom: 100%;

	left: 60%;

	margin-left: -90px;

	text-align: center;

	border-radius: 6px;

	padding: 5px;

	position: absolute;

	font-size: 12px;

	border-radius: 5px !important;

 }

  

.tooltips .tooltip2:after { 

	content: "";

	position: absolute;

	top: 100%;

	left: 50%;

	margin-left: -10px;

	border-width: 7px;

	border-style: solid;

	border-color: #d95127 transparent transparent transparent;

}



.tooltips:hover .tooltip2 {

  visibility: visible;

} 



.poll-question p {

	float: left;

	padding-top: 0px;

}

.left-content .ouestion-mark {

	border: 1px solid #fff;

	color: #fff;

	line-height: 13px

}

.poll-box-survey .dashboard-pic {

    width: 20% !important;

}

.poll-box-survey .left-content {

    width: 80%;

}

.page-sidebar.navbar-collapse {

    position: fixed;

	z-index: 9;

}

.menu-pic .fa {

	font-size: 22px;

}

.page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {

    padding: 10px 10px 10px 15px;

}

.view .fa {

    font-size: 30px;

    color: #fff;

}

#piechart svg, #piechart1 svg {

    width: 88%;

}



.form-pic-left {

    width: 20%;

    float: left;

}

.form-pic-right {

    width: 20%;

    float: right;

}

.form-pic-left img, .form-pic-right img {

    width: 100%;

}

.page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {

    height: 53px;
	border-left: 3px solid #d95127;
	display: flex;
	align-items: center;
	justify-content: left;

}

.page-logo img {

    width: 127px;

	margin-top: 1px;

}



.upload-image-col span {

    display: inline-block;

	padding: 7px 10px 6px 20px;

	font-size: 14px;

	color: #828282;
	width: 289px !important;

}

.upload-image-col .file-select-name {

    float: right;

	text-align: center;

	background-color: #d95127;

	color: #fff;

	font-size: 16px;

	padding: 16px 20px;

}

.upload-image-col p {

    position: absolute;

    width: 100%;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    padding-bottom: 0;

    z-index: 100;

}

.upload-image-col input {

    opacity: 0;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 101;

	cursor: pointer;

}

.upload-image-col {

	width: 493px;

	position: relative;

    background:  #fff;

	border: 1px solid #ddd;

	margin-top: 0px;

}

.upload-image {

    width: 650px;

}

.upload-image #ddfh, .upload-image #ddfh1, .upload-image #ddfh2, .upload-image #ddfh3, .upload-image #ddfh4, .upload-image #ddfh5, .upload-image #ddfh6, .upload-image #ddfh7, .upload-image #ddfh8, .upload-image #ddfh9, .upload-image #ddfh10, .upload-image #ddfh11, .upload-image #ddfh12, .upload-image #ddfh13, .upload-image #ddfh14, .upload-image #ddfh15, .upload-image #ddfh16, .upload-image #ddfh17, .upload-image #ddfh18, .upload-image #ddfh19, .upload-image #ddfh20, .upload-image #ddfh21{

	margin-bottom: 20px;

}

.category-table{

	display: none;

}

.form-group button {

    color: #6f6f6f;

}

.survey-checkbox {

	float: left;

	margin-right: 20px;

}

.ui-sortable {

	border: 1px solid #ddd;

	padding: 20px;

	margin-bottom: 30px;

}

.answer-button {

    width: 100%;

    float: left;

	padding-left: 11px;

}

.answer-button span {

	width: 200px;

    float: left;

	margin-right: 10px;

}



.dropdown-menu li > a {

	font-size: 16px;

}

.date-col input {

	height: 37px;

}

.date-col button {

	background: #d95127 !important;

}

.date-col button i {

	color: #fff;

	font-size: 18px !important;

}

.settings-col {

	height: 56px;

	position: relative;

	margin-top: 0px;

}

.settings-col span {

	padding-top: 17px;

}



.reorder::after {

    display: none !important;

}



.view-deatils {

	font-size: 18px;

	color: #fff !important;

	background: #d95127;

	padding: 10px 20px;

	border-radius: 10px !important;

}

.view-deatils:hover {

	color: #fff;

}

.panel-primary > .panel-heading {

    color: #fff;

    font-size: 16px;

    font-weight: 500;

}

.panel-heading h5 {

    font-size: 16px;

    font-weight: 500;

}

.list-group-item a {

	width: auto;

	height: 22px;

}

.btnRemove {

    background: #d8410e;

	box-shadow: none;

}

.sortableListsOpener {

    width: auto;

}

.menu-col {

	margin-bottom: 0px;

}

.menu-col input, .menu-col select {

	height: 45px;

	color: #333;

	margin-top: 12px;

}

.menu-footer {

	background: #fff;

	padding-bottom: 28px;

}

.menu-items-col .btnUp i {

    top: 0px;

}

.menu-items-col .btnDown i {

    top: 1px;

}

.menu-items-col .btnIn i {

    top: 1px;

}

.menu-items-col .btnEdit {

	padding-top: 2px;

}

.menu-col .form-control::placeholder {

    color: #333;

    opacity: 1;

}

.list-group-item div {

	line-height: 23px;

	margin-bottom: 0px !important;

}

.intro-text {

	font-size: 18px;

	color: #4c4c4e;

	font-weight: 700;

	margin: 10px 0px 30px 0px;

}

.view-full-report {

	width: 100%;

	float: left;

	text-align: right;

}

.view-full-report a {

	font-size: 16px;

	text-decoration: underline !important;

	color: #82469d;

}

.page-bar .page-breadcrumb {

    padding: 8px 8px 8px 0px;

}



.portlet.light > .portlet-title > .caption > i {

    display: none;

}

select {

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none

}

.form-group .bootstrap-select.btn-group .btn .caret {

    font-size: 37px;

    top: 7px !important;

    color: #d95127;

}



.box-new-col img {

    padding-top: 185px;

}

.form-text-col {

    width: 450px;

	text-align: left;

	padding-top: 50px;

	margin: 0 auto;

	margin-bottom: -20px;

}



.facebook-button a {

    background: #365899;

	color: #fff;

    font-size: 16px;

	text-decoration: none;

    padding: 16px 15px;

    margin: -54px 20px 0px 0px;

}

#status {

	padding-top: 10px;

}

#fbLink i {

    font-size: 20px;

    margin-right: 5px;

}

.instagram a {

    background: #f09433; 

	background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 

	background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 

	background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );

}

.facebook-button {

    float: left;

}

.social-button-col {

    float: right;

	margin: -39px 0px 0px 0px;

}


.menu-pic {
    float: left;
	margin-right: 10px;
}
.menu-pic i {
    color: #fff;
	margin-top: 4px;
}
.active .menu-pic i {
    color: #fff;
}


 
.page-content-wrapper {
    background: #d95127 !important;
}
.page-content {
    background-color: #fff;
}
.box-col {
    box-shadow: 0px 5px 13px #c2c2c2;
}

.top-heading-col {
	color: #4c4c4e !important;
}

.top-heading-col::after {
    background-color: #d95127;
    height: 3px;
    margin: 15px 0px;
	content: " ";
    display: block;
    width: 130px !important;
}
.bottom0 {
	margin-bottom: 0px;
}
.bottom20 {
	margin-bottom: 20px;
}
.padding-bottom0 {
	padding-bottom: 0px !important;
}
.mt10 {
    margin-top: 10px !important;
}


.btn.btn-default.btn-sm span {
    font-size: 16px;
}
.btn.btn-default.btn-sm {
    height: inherit;
	padding: 7px 10px 5px 10px !important;
	width: inherit;
}
.form-new input {
    width: 460px;
    height: 50px;
    padding: 5px 10px;
    font-size: 16px;
    border: 1px solid #ddd;
	margin-bottom: 25px;
}
.form-new {
    margin-top: 30px;
}
.form-new1 {
    margin-right: 20px;
	display: inline-block;
}
.form-new2 {
    margin-top: 10px;
    display: inline-block;
}
.form-new2 button {
	margin: 0px;
}

.box-logo-des h1 {
    color: #000 !important;
}
table.table-col.dataTable tbody th, table.table-col.dataTable tbody td span {
	color: #d95127 !important;
}
table.table-col.dataTable tbody th, table.table-col.dataTable tbody td a span {
	color: #000 !important;
}
.date {
    display: inline;
}

.btn.dropdown-toggle {
    width: 493px !important;
}
.calendar-button {
    position: absolute;
	right: 44px;
	z-index: 9;
	margin-top: 1px;
}
.menu-col input {
    width: 100%;
}

.page-header.navbar .menu-toggler.hamburger {
    background-image: url(../../img/sidebar_toggler_icon_darkblue1.png);
}

.dropdown-menu.inner.selectpicker {
    width: 490px;
}
.tooltips-new {
    width: 493px;
    text-align: right;
    margin-bottom: 10px;
}
.table-col .btn-default:hover {
	background: #d95127;
}
.table-col .btn-default:hover span {
	color: #fff !important;
}
.fa.fa-eye {
    color: #d95127;
	font-size: 20px;
}
.view .fa.fa-eye {
    color: #fff;
}
.delete-image a {
    border: 1px solid #d95127;
    background: #fff;
    color: #444;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px !important;
    margin-top: 14px;
    float: left;
    text-decoration: none;
}
.delete-image a:hover {
    background: #d95127;
    color: #fff;
}
.sample-file a {
    color: #d95127;
}




 
 
 







 





 

 

 



 

 

 

  





@media (min-width: 992px) {

  /* 992px */

  /* Sidebar menu closed */

  .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {

     

  }

  .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-search-wrapper {

    box-shadow: none;

  }



  .page-sidebar-menu.page-sidebar-menu-closed > li:hover {

    box-shadow: 5px 5px rgba(44, 53, 66, 0.2);

  }

  .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-search-wrapper {

    box-shadow: none;

  }

  .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {

    box-shadow: 5px 5px rgba(44, 53, 66, 0.2);

  }

  .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-search-wrapper {

    box-shadow: none;

  }



  /* Light sidebar menu */

  .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li.heading {

    padding: 0;

    margin-top: 15px;

    margin-bottom: 15px;

    border-top: 1px solid #3d4957 !important;

  }



  /* Fixed Sidebar */

  .page-sidebar-fixed:not(.page-footer-fixed) .page-content {

    border-bottom: 0;

  }

  .page-sidebar-fixed:not(.page-footer-fixed) .page-footer {

    background-color: #fff;

  }

  .page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {

    color: #333;

  }



  /* Boxed Layout */

  .page-boxed {

    background-color: #303a47 !important;

    /* Page container */

    /* Page sidebar */

    /* Page footer */

  }

  .page-boxed .page-container {

    background-color: #364150;

    border-left: 1px solid #3d4957;

    border-bottom: 1px solid #3d4957;

  }

  .page-boxed.page-sidebar-reversed .page-container {

    border-left: 0;

    border-right: 1px solid #3d4957;

  }

  .page-boxed.page-sidebar-fixed .page-container {

    border-left: 0;

    border-bottom: 0;

  }

  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {

    border-left: 0;

    border-right: 0;

    border-bottom: 0;

  }

  .page-boxed.page-sidebar-fixed .page-sidebar {

    border-left: 1px solid #3d4957;

  }

  .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {

    border-right: 1px solid #3d4957;

    border-left: 0;

  }

  .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer {

    background-color: #303a47 !important;

  }

  .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer .page-footer-inner {

    color: #98a6ba;

  }



  /* Sidebar Menu Wirh Hoverable Submenu */

  .page-sidebar-menu-hover-submenu li:hover a > .arrow {

    border-right: 15px solid #ff8c00;

  }

  

  

   

}



@media (max-width: 1841px) {

.col-form-label p {

    width: 46%;

}

.col-form-label select {

    width: 53%;

}

.progress-bar {

    font-size: 10px;

}

}

@media (max-width: 1800px) {

a.tooltips span {

    width: 110px;

}

}

@media (max-width: 1600px) {

.box-survey .dashboard-pic {

    width: 40%;

}

.box-survey .left-content {

    width: 60%;

}

.left-content h3 {

    font-size: 20px;

}

#piechart, #piechart1 {

    width: 80%;

}

.box-top-col .form-main, .box-top-col .pic img {

    height: 768px;

}

.box-new-col img {

    padding-top: 65px;

}

.form-text-col {

    margin-bottom: 0;

}

}

@media (max-width: 1450px) {

.tooltips .tooltip2 {

    width: 180px;

}

#piechart, #piechart1 {

    width: 92%;

}

.poll-box-survey .dashboard-pic {

    width: 25% !important;

}

.poll-box-survey .left-content {

    width: 75%;

}

.box-new-col img {

    padding-top: 93px;

}

}

@media (max-width: 1366px) {

.box-new-col img {

    padding-top: 106px;

}

}

@media (max-width: 1280px) {

.left-content h3 {

    font-size: 18px;

}

.tooltips .tooltip2 {

    width: 170px;

}

#piechart, #piechart1 {

    width: 100%;

}

.box-new-col img {

    padding-top: 121px;

}

}

@media (max-width: 1264px) {
.upload-image {
    width: 100% !important;
}
}

@media (max-width: 1234px) {
.contributor-manager .button-col button {
    margin-bottom: 13px;
}
.contributor-manager .box-logo {
    width: 100% !important;
}
.search-ecard .col-sm-2 {
    width: 33%;
    margin-bottom: 15px;
}
}


@media (max-width: 1232px) {
.box-logo-des {
    float: left;
    margin-top: 20px;
    width: 100%;
}
.box-des {
    width: 52% !important;
}
.box-logo {
    width: 48% !important;
}
.client-dashboard .col-md-3 {
    width: 50%;
}
}
@media (max-width: 1110px) {
.form-inline .col-sm-4 {
    width: 100%;
}
div.dataTables_wrapper div.dataTables_filter {
    text-align: left !important;
	float: left;
	width: 100%;
	margin-top: 20px;
}
.form-inline .col-sm-4 select {
    width: 60%;
}
.form-inline .col-sm-4 input {
	width: 60% !important;
}
div.dataTables_wrapper div.dataTables_length select {
    margin-left: 20px;
}
#deleteAllNews .dataTables_filter, #mytable_wrapper .dataTables_filter {
	margin-top: 0px;
}
#deleteAllNews .dataTables_filter input, #mytable_wrapper .dataTables_filter input {
	width: 82%;
}
 
}

@media (max-width: 1092px) {
.button-col button {
    width: 49.2% !important;
}
.ecard-manager {
    width: 40%;
}
.ecard-manager select {
    width: 100%;
}
.ecard-manager-button {
    width: 60%;
    float: right;
}
.contributor-manager .button-col button {
    margin-bottom: 13px;
    width: 48% !important;
}
.upload-image-col3 {
    width: 390px !important;
}
}
@media (max-width: 1000px) {
#deleteAllNews .dataTables_filter input, #mytable_wrapper .dataTables_filter input {
    width: 79%;
}
}





@media (max-width: 991px) {

  /* 991px */

  /* Page sidebar */

  .page-sidebar {

    background-color: #28303b;

    /* light sidebar */

  }

  .page-sidebar .page-sidebar-menu > li > a {

    border-top: 1px solid #d95127;	
	background: #d95127;

  }

  .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a {

    background: #ef6138;

  }

  .page-sidebar .page-sidebar-menu > li:last-child > a {

    border-bottom: 0 !important;

  }

  .page-sidebar .page-sidebar-menu > li .sub-menu {

    background-color: #28303b !important;

  }

  .page-sidebar .page-sidebar-menu .sidebar-search input {

    background-color: #28303b !important;

  }

  .page-sidebar .page-sidebar-menu.page-sidebar-menu-light {

    /* 1st level links */

  }

  .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {

    background: #2e3744;

  }

  .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {

    background: #2e3744;

  }

  .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {

    background: #2e3744;

  }

  .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {

    background: #28303b !important;

  }

  .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {

    background: #2e3744 !important;

  }
  
.page-sidebar.navbar-collapse {
    width: 100%;
	margin: 0px !important;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown {
    margin-top: 3px;
}
.table-col > thead > tr > td {
    font-size: 14px;
	vertical-align: middle;
}

.tooltips .tooltip2 {
    width: 309px !important;
}
.tooltip2 img {
    width: 300px !important;
}
#deleteAllNews .dataTables_filter input, #mytable_wrapper .dataTables_filter input {
    width: 84%;
}


}
@media (max-width: 870px) {
#deleteAllNews .dataTables_filter input, #mytable_wrapper .dataTables_filter input {
    width: 82%;
}
}
@media (max-width: 780px) {
#deleteAllNews .dataTables_filter input, #mytable_wrapper .dataTables_filter input {
    width: 77%;
}
}


@media (max-width: 767px) {
.box-des {
    width: 100% !important;
}
.box-logo {
    width: 100% !important;
	text-align: center;
}
.box-logo img {
    float: none !important;
	margin: 0px !important;
}
.box-logo-des {
    margin-bottom: 20px;
}
.box-des .btn-list.pull-right {
    float: none !important;
    text-align: center;
}
.box-des button {
    margin-bottom: 10px;
}
.table-div {
    overflow-y: auto;
    width: 100%;
}
.dataTables_info {
    padding-bottom: 20px;
}
.dataTables_info {
    text-align: left !important;
}
.tox.tox-tinymce.tox-tinymce--toolbar-sticky-off {
    width: 98%;
}
.remove-question {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}
.remove-question .btn.btn-danger.qusremove {
    width: 200px;
}
.client-dashboard .col-md-3 {
    width: 100%;
}
.ecard-manager-button {
    position: absolute;
    right: 0;
    top: 14px;
}
#deleteAllNews .dataTables_filter input, #mytable_wrapper .dataTables_filter input {
    width: 85%;
}
#deleteAllNews .dataTables_length select {
    width: 76% !important;
	height: 50px !important;
	background-position: 96% 17px !important;
	margin: 0px 0px 0px 19px !important;
}
#mytable_wrapper .dataTables_length select {
    width: 76% !important;
	height: 50px !important;
	background-position: 96% 17px !important;
	margin: 0px 0px 10px 24px;
}
.search-ecard .col-sm-2 {
    width: 49%;
    float: left;
}
.search-ecard {
    width: 96% !important;
}
.table-div1 .form-inline {
	margin-top: 20px;
}
.bg-white {
    margin: 67px 0px 54px 0px;
}
.poll-user .col-md-6 li {
    height: 100px;
    padding-top: 0px;
}
.bg-white .answer-col {
    padding-top: 20px;
}
.answer-box .col-sm-6 {
    width: 50%;
    float: left;
}
.answer-box {
    width: 100%;
    float: left;
    margin: 50px 0px -60px 0px;
}
.question-col {
    margin: 0px 0px;
}
.vot {
    margin: 0px 0px 20px 0px;
}
 
}
@media (max-width: 644px) {
.contributor-manager .button-col button {
    width: 47% !important;
}
}
@media (max-width: 633px) {
.ansbox input {
    width: 84% !important;
}
 
}
@media (max-width: 612px) {
.button-col button {
    width: 100% !important;
}
.number td {
    font-size: 14px !important;
}
.user-inner .col-md-6 {
    width: 100% !important;
}
.user-inner .col-md-6 input, .user-inner .col-md-12 input, .user-inner .col-md-6 .form-group, .user-inner .col-md-12 .form-group, .user-inner .col-md-12 textarea, .user-inner .col-md-12 select, .user-inner .col-md-3 select {
    width: 100%;
}
.user-inner .btn.btn-danger, .user-inner .btn.btn-success {
    width: 110px;
}
.upload-image-col, .upload-image {
    width: 340px;
}
.upload-image-col span {
    padding: 7px 0px 7px 5px;
    font-size: 12px;
	width: 166px !important;
	height: 82px;
}
.upload-image-col .file-select-name {
    font-size: 13px;
	height: 82px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.upload-image-col .upload-image-button {
    position: absolute;
    right: 0;
    top: 0;
	padding: 24px 5px;
}
.upload-image-col .upload-image-text {
    padding: 7px 130px 7px 5px;
}
.ansbox .btn.btn-danger.ansremove, .answer-button .btn.btn-success {
    width: auto;
}
.ansbox .btn.btn-danger.survey-button.ansremove {
    width: 50px;
}
.btn.dropdown-toggle {
    width: 100% !important;
}
.ecard-manager {
    width: 100%;
	margin-top: 80px;
}
.ecard-manager-button {
    width: 100%;
    text-align: center;
}
.ecard-manager-button .btn-list.pull-right {
    float: none !important;
}
.upload-image-button1 {
	padding: 32px 5px !important;
}
.upload-image-button2 {
	padding: 15px 5px !important;
}
.form-new1 input {
    width: 100%;
}
.form-new1 {
    width: 100%;
}
.upload-image-col3 {
    margin-top: 60px;
}
.add-contact {
    position: absolute;
    top: -118px;
    margin: 0 auto !important;
}
.settings-col {
    height: 52px;
}
.settings-col span {
    padding-top: 17px !important;
}
.checkbox-col input {
    width: auto !important;
}
#domainTable {
    width: 100% !important;
}
.dropdown-menu.inner.selectpicker {
    width: 100%;
}
.tooltips-new {
    text-align: left;
}
.tooltips-new .tooltip2 {
    margin-left: 0px;
}




 
}

@media (max-width: 544px) {
.ansbox input {
    width: 80% !important;
}
#deleteAllNews .dataTables_filter input, #mytable_wrapper .dataTables_filter input {
    width: 80%;
}
#deleteAllNews .dataTables_length select, #mytable_wrapper .dataTables_length select {
    width: 67% !important;
}
}

@media (max-width: 480px) {

  /* 480px */

  .page-header.navbar {

    /* Top menu */

  }

  .page-header.navbar .top-menu {

    background-color: #364150;

  }

  .page-header-fixed-mobile .page-header.navbar .top-menu {

    background-color: #2b3643;

  }

  .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {

	padding: 0px;

  }

  .page-header-fixed-mobile .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {

    background: none;

  }

  
  
.number td {
    width: 32.3% !important;
	float: left;
	border: 1px solid #ddd !important;
	padding: 10px 0px;
	margin: 0px 1% 1% 0px;
}
.number td:last-child {
    border-right: 1px solid #ddd !important; 
} 
.dataTables_wrapper .dataTables_filter .form-control {
    width: 80% !important;
}
.portlet > .portlet-title > .caption {
    width: 100%;
    text-align: center;
} 
.portlet > .portlet-title > .caption::after {
    margin: 10px auto;
}
.mt10 .btn-list {
    float: none !important;
}
.mt10 {
    text-align: center;
}
div.dataTables_wrapper div.dataTables_length select {
    width: 67% !important;
}
.user-inner .caption.font-red-sunglo {
    text-align: left;
}
.button-new {
    width: 47% !important;
	font-size: 16px;
}
.answer-button {
    margin-bottom: 30px;
}

.bottom30 {
    margin-bottom: 30px;
}
.contributor-manager .button-col button {
    width: 100% !important;
}
.center {
    text-align: center;
}
.search-ecard .col-sm-2 {
    width: 100%;
}
.search-ecard {
    width: 94% !important;
}
.search-ecard-button {
    margin: 10px 5px 0px 0px !important;
    width: 98% !important;
}
.add-contact {
    left: 0;
    right: 0;
}
.upload-image-col3 p {
    left: -70px !important;
}
.table-div1 .form-inline {
    margin-top: 95px;
}
.upload-image-col3 {
    width: 315px !important;
}
.export-contact-list .btn.blue-hoki.button-3 {
	height: 45px;
	font-size: 16px;
    margin-top: 0px !important;
}
.export-contact-list button {
	height: 45px;
	font-size: 16px;
    margin-top: 30px !important;
}
.advanced-settings button {
    width: 100% !important;
}
.save-changes {
    float: none !important;
    text-align: center;
}
#piechart, #piechart1, #piechart48 {
    margin-left: -65px;
}
.submit-button {
    width: 100%;
    float: left;
    position: absolute;
    top: 115px;
}
.submit-button input {
    margin: 0 auto;
}


 

}
@media (max-width: 430px) {
div.dataTables_wrapper div.dataTables_length select {
    width: 63% !important;
}
.date {
	display: inherit;
}
.calendar-button {
    right: 40px;
    top: 1px;
}
}
@media (max-width: 424px) {
.poll-heading {
    line-height: 30px;
}
#deleteAllNews .dataTables_filter input, #mytable_wrapper .dataTables_filter input {
    width: 74%;
}
#deleteAllNews .dataTables_length select, #mytable_wrapper .dataTables_length select {
    width: 57% !important;
}
}
@media (max-width: 544px) {
.ansbox input {
    width: 74% !important;
}
}
@media (max-width: 390px) {
div.dataTables_wrapper div.dataTables_length select {
    width: 60% !important;
}
}
@media (max-width: 375px) {
.dataTables_wrapper .dataTables_filter .form-control {
    width: 75% !important;
}
div.dataTables_wrapper div.dataTables_length select {
    width: 56% !important;
}
}
@media (max-width: 351px) {
.ansbox input {
    width: 70% !important;
}
.ecard-manager-button button {
    margin-right: 0px;
    margin-left: 0px;
}
}
@media (max-width: 350px) {
.upload-image-col, .upload-image {
    width: 300px;
}
.upload-image-col span {
    width: 126px !important;
    height: 105px;
}
.upload-image-col .file-select-name {
    height: 105px;
}
}
@media (max-width: 340px) {
.caption-blog.bold.uppercase {
    line-height: 30px;
}
}
@media (max-width: 329px) {
.portlet > .portlet-title > .caption {
    font-size: 23px;
}
}

/****

Boby

****/

body {

  background-color: #364150;

}



/****

 CSS3 Spinner Bar

****/

.page-spinner-bar > div,

.block-spinner-bar > div {

  background: #20c5ad;

}