@charset "UTF-8";
@font-face {
    font-family: 'entypo';
    font-style: normal;
    font-weight: normal;
    src: url('https://weloveiconfonts.com/api/fonts/entypo/entypo.eot');
    src: url('https://weloveiconfonts.com/api/fonts/entypo/entypo.eot?#iefix') format('eot'), url('https://weloveiconfonts.com/api/fonts/entypo/entypo.woff') format('woff'), url('https://weloveiconfonts.com/api/fonts/entypo/entypo.ttf') format('truetype'), url('https://weloveiconfonts.com/api/fonts/entypo/entypo.svg#entypo') format('svg');
}

a {
    outline: 0 !important;
}

.btn-link {
    color: #1b1e21;
}

.remove-field {
    position: relative;
    top: 10px;
}

.remove-field:hover {
    color: #666;
}

.hide {
    display: none;
}


/* .row {
    padding: 15px;
    width: 100%;
} */

.col {
    padding: 10px;
    margin: auto;
}

.form-control {
    width: 100%;
}


/* model */

.modal-backdrop {
    display: none;
}

.dropdown-menu-right {
    display: none;
    border: none;
}

.entypo-note:before {
    content: "\266a";
}

.entypo-note-beamed:before {
    content: "\266b";
}

.entypo-music:before {
    content: "\1f3b5";
}

.entypo-search:before {
    content: "\1f50d";
}

.entypo-flashlight:before {
    content: "\1f526";
}

.entypo-mail:before {
    content: "\2709";
}

.entypo-heart:before {
    content: "\2665";
}

.entypo-heart-empty:before {
    content: "\2661";
}

.entypo-star:before {
    content: "\2605";
}

.entypo-star-empty:before {
    content: "\2606";
}

.entypo-user:before {
    content: "\1f464";
}

.entypo-users:before {
    content: "\1f465";
}

.entypo-user-add:before {
    content: "\e700";
}

.entypo-video:before {
    content: "\1f3ac";
}

.entypo-picture:before {
    content: "\1f304";
}

.entypo-camera:before {
    content: "\1f4f7";
}

.entypo-layout:before {
    content: "\268f";
}

.entypo-menu:before {
    content: "\2630";
}

.entypo-check:before {
    content: "\2713";
}

.entypo-cancel:before {
    content: "\2715";
}

.entypo-cancel-circled:before {
    content: "\2716";
}

.entypo-cancel-squared:before {
    content: "\274e";
}

.entypo-plus:before {
    content: "\2b";
}

.entypo-plus-circled:before {
    content: "\2795";
}

.entypo-plus-squared:before {
    content: "\229e";
}

.entypo-minus:before {
    content: "\2d";
}

.entypo-minus-circled:before {
    content: "\2796";
}

.entypo-minus-squared:before {
    content: "\229f";
}

.entypo-help:before {
    content: "\2753";
}

.entypo-help-circled:before {
    content: "\e704";
}

.entypo-info:before {
    content: "\2139";
}

.entypo-info-circled:before {
    content: "\e705";
}

.entypo-back:before {
    content: "\1f519";
}

.entypo-home:before {
    content: "\2302";
}

.entypo-link:before {
    content: "\1f517";
}

.entypo-attach:before {
    content: "\1f4ce";
}

.entypo-lock:before {
    content: "\1f512";
}

.entypo-lock-open:before {
    content: "\1f513";
}

.entypo-eye:before {
    content: "\e70a";
}

.entypo-tag:before {
    content: "\e70c";
}

.entypo-bookmark:before {
    content: "\1f516";
}

.entypo-bookmarks:before {
    content: "\1f4d1";
}

.entypo-flag:before {
    content: "\2691";
}

.entypo-thumbs-up:before {
    content: "\1f44d";
}

.entypo-thumbs-down:before {
    content: "\1f44e";
}

.entypo-download:before {
    content: "\1f4e5";
}

.entypo-upload:before {
    content: "\1f4e4";
}

.entypo-upload-cloud:before {
    content: "\e711";
}

.entypo-reply:before {
    content: "\e712";
}

.entypo-reply-all:before {
    content: "\e713";
}

.entypo-forward:before {
    content: "\27a6";
}

.entypo-quote:before {
    content: "\275e";
}

.entypo-code:before {
    content: "\e714";
}

.entypo-export:before {
    content: "\e715";
}

.entypo-pencil:before {
    content: "\270e";
}

.entypo-feather:before {
    content: "\2712";
}

.entypo-print:before {
    content: "\e716";
}

.entypo-retweet:before {
    content: "\e717";
}

.entypo-keyboard:before {
    content: "\2328";
}

.entypo-comment:before {
    content: "\e718";
}

.entypo-chat:before {
    content: "\e720";
}

.entypo-bell:before {
    content: "\1f514";
}

.entypo-attention:before {
    content: "\26a0";
}

.entypo-alert:before {
    content: "\1f4a5'";
}

.entypo-vcard:before {
    content: "\e722";
}

.entypo-address:before {
    content: "\e723";
}

.entypo-location:before {
    content: "\e724";
}

.entypo-map:before {
    content: "\e727";
}

.entypo-direction:before {
    content: "\27a2";
}

.entypo-compass:before {
    content: "\e728";
}

.entypo-cup:before {
    content: "\2615";
}

.entypo-trash:before {
    content: "\e729";
}

.entypo-doc:before {
    content: "\e730";
}

.entypo-docs:before {
    content: "\e736";
}

.entypo-doc-landscape:before {
    content: "\e737";
}

.entypo-doc-text:before {
    content: "\1f4c4";
}

.entypo-doc-text-inv:before {
    content: "\e731";
}

.entypo-newspaper:before {
    content: "\1f4f0";
}

.entypo-book-open:before {
    content: "\1f4d6";
}

.entypo-book:before {
    content: "\1f4d5";
}

.entypo-folder:before {
    content: "\1f4c1";
}

.entypo-archive:before {
    content: "\e738";
}

.entypo-box:before {
    content: "\1f4e6";
}

.entypo-rss:before {
    content: "\e73a";
}

.entypo-phone:before {
    content: "\1f4dE";
}

.entypo-cog:before {
    content: "\2699";
}

.entypo-tools:before {
    content: "\2692";
}

.entypo-share:before {
    content: "\e73c";
}

.entypo-shareable:before {
    content: "\e73e";
}

.entypo-basket:before {
    content: "\e73d";
}

.entypo-bag:before {
    content: "\1f45c'";
}

.entypo-calendar:before {
    content: "\1f4c5";
}

.entypo-login:before {
    content: "\e740";
}

.entypo-logout:before {
    content: "\e741";
}

.entypo-mic:before {
    content: "\1f3a4";
}

.entypo-mute:before {
    content: "\1f507";
}

.entypo-sound:before {
    content: "\1f50a";
}

.entypo-volume:before {
    content: "\e742";
}

.entypo-clock:before {
    content: "\1f554";
}

.entypo-hourglass:before {
    content: "\23f3";
}

.entypo-lamp:before {
    content: "\1f4a1";
}

.entypo-light-down:before {
    content: "\1f505";
}

.entypo-light-up:before {
    content: "\1f506";
}

.entypo-adjust:before {
    content: "\25d1";
}

.entypo-block:before {
    content: "\1f6ab";
}

.entypo-resize-full:before {
    content: "\e744";
}

.entypo-resize-small:before {
    content: "\e746";
}

.entypo-popup:before {
    content: "\e74c";
}

.entypo-publish:before {
    content: "\e74d";
}

.entypo-window:before {
    content: "\e74e";
}

.entypo-arrow-combo:before {
    content: "\e74f";
}

.entypo-down-circled:before {
    content: "\e758";
}

.entypo-left-circled:before {
    content: "\e759";
}

.entypo-right-circled:before {
    content: "\e75a";
}

.entypo-up-circled:before {
    content: "\e75b";
}

.entypo-down-open:before {
    content: "\e75c";
}

.entypo-left-open:before {
    content: "\e75d";
}

.entypo-right-open:before {
    content: "\e75e";
}

.entypo-up-open:before {
    content: "\e75f";
}

.entypo-down-open-mini:before {
    content: "\e760";
}

.entypo-left-open-mini:before {
    content: "\e761";
}

.entypo-right-open-mini:before {
    content: "\e762";
}

.entypo-up-open-mini:before {
    content: "\e763";
}

.entypo-down-open-big:before {
    content: "\e764";
}

.entypo-left-open-big:before {
    content: "\e765";
}

.entypo-right-open-big:before {
    content: "\e766";
}

.entypo-up-open-big:before {
    content: "\e767";
}

.entypo-down:before {
    content: "\2b07";
}

.entypo-left:before {
    content: "\2b05";
}

.entypo-right:before {
    content: "\27a1";
}

.entypo-up:before {
    content: "\2b06";
}

.entypo-down-dir:before {
    content: "\25be";
}

.entypo-left-dir:before {
    content: "\25c2";
}

.entypo-right-dir:before {
    content: "\25b8";
}

.entypo-up-dir:before {
    content: "\25b4";
}

.entypo-down-bold:before {
    content: "\e4b0";
}

.entypo-left-bold:before {
    content: "\e4ad";
}

.entypo-right-bold:before {
    content: "\e4ae";
}

.entypo-up-bold:before {
    content: "\e4af";
}

.entypo-down-thin:before {
    content: "\2193";
}

.entypo-left-thin:before {
    content: "\2190";
}

.entypo-right-thin:before {
    content: "\2192";
}

.entypo-up-thin:before {
    content: "\2191";
}

.entypo-ccw:before {
    content: "\27f2";
}

.entypo-cw:before {
    content: "\27f3";
}

.entypo-arrows-ccw:before {
    content: "\1f504";
}

.entypo-level-down:before {
    content: "\21b3";
}

.entypo-level-up:before {
    content: "\21b0";
}

.entypo-shuffle:before {
    content: "\1f500";
}

.entypo-loop:before {
    content: "\1f501";
}

.entypo-switch:before {
    content: "\21c6";
}

.entypo-play:before {
    content: "\25b6";
}

.entypo-stop:before {
    content: "\25a0";
}

.entypo-pause:before {
    content: "\2389";
}

.entypo-record:before {
    content: "\26ab";
}

.entypo-to-end:before {
    content: "\23ed";
}

.entypo-to-start:before {
    content: "\23ee";
}

.entypo-fast-forward:before {
    content: "\23e9";
}

.entypo-fast-backward:before {
    content: "\23ea";
}

.entypo-progress-0:before {
    content: "\e768";
}

.entypo-progress-1:before {
    content: "\e769";
}

.entypo-progress-2:before {
    content: "\e76a";
}

.entypo-progress-3:before {
    content: "\e76b";
}

.entypo-target:before {
    content: "\1f3af";
}

.entypo-palette:before {
    content: "\1f3a8";
}

.entypo-list:before {
    content: "\e005";
}

.entypo-list-add:before {
    content: "\e003";
}

.entypo-signal:before {
    content: "\1f4f6";
}

.entypo-trophy:before {
    content: "\1f3c6";
}

.entypo-battery:before {
    content: "\1f50b";
}

.entypo-back-in-time:before {
    content: "\e771";
}

.entypo-monitor:before {
    content: "\1f4bb";
}

.entypo-mobile:before {
    content: "\1f4f1";
}

.entypo-network:before {
    content: "\e776";
}

.entypo-cd:before {
    content: "\1f4bf";
}

.entypo-inbox:before {
    content: "\e777";
}

.entypo-install:before {
    content: "\e778";
}

.entypo-globe:before {
    content: "\1f30e";
}

.entypo-cloud:before {
    content: "\2601";
}

.entypo-cloud-thunder:before {
    content: "\26c8";
}

.entypo-flash:before {
    content: "\26a1";
}

.entypo-moon:before {
    content: "\263d";
}

.entypo-flight:before {
    content: "\2708";
}

.entypo-paper-plane:before {
    content: "\e79b";
}

.entypo-leaf:before {
    content: "\1f342";
}

.entypo-lifebuoy:before {
    content: "\e788";
}

.entypo-mouse:before {
    content: "\e789";
}

.entypo-briefcase:before {
    content: "\1f4bc";
}

.entypo-suitcase:before {
    content: "\e78e";
}

.entypo-dot:before {
    content: "\e78b";
}

.entypo-dot-2:before {
    content: "\e78c";
}

.entypo-dot-3:before {
    content: "\e78d";
}

.entypo-brush:before {
    content: "\e79a";
}

.entypo-magnet:before {
    content: "\e7a1";
}

.entypo-infinity:before {
    content: "\221e";
}

.entypo-erase:before {
    content: "\232b";
}

.entypo-chart-pie:before {
    content: "\e751";
}

.entypo-chart-line:before {
    content: "\1f4c8";
}

.entypo-chart-bar:before {
    content: "\1f4ca";
}

.entypo-chart-area:before {
    content: "\1f53e";
}

.entypo-tape:before {
    content: "\2707";
}

.entypo-graduation-cap:before {
    content: "\1f393";
}

.entypo-language:before {
    content: "\e752";
}

.entypo-ticket:before {
    content: "\1f3ab";
}

.entypo-water:before {
    content: "\1f4a6";
}

.entypo-droplet:before {
    content: "\1f4a7";
}

.entypo-air:before {
    content: "\e753";
}

.entypo-credit-card:before {
    content: "\1f4b3";
}

.entypo-floppy:before {
    content: "\1f4be";
}

.entypo-clipboard:before {
    content: "\1f4cb";
}

.entypo-megaphone:before {
    content: "\1f4e3";
}

.entypo-database:before {
    content: "\e754";
}

.entypo-drive:before {
    content: "\e755";
}

.entypo-bucket:before {
    content: "\e756";
}

.entypo-thermometer:before {
    content: "\e757";
}

.entypo-key:before {
    content: "\1f511";
}

.entypo-flow-cascade:before {
    content: "\e790";
}

.entypo-flow-branch:before {
    content: "\e791";
}

.entypo-flow-tree:before {
    content: "\e792";
}

.entypo-flow-line:before {
    content: "\e793";
}

.entypo-flow-parallel:before {
    content: "\e794";
}

.entypo-rocket:before {
    content: "\1f680";
}

.entypo-gauge:before {
    content: "\e7a2";
}

.entypo-traffic-cone:before {
    content: "\e7a3";
}

.entypo-cc:before {
    content: "\e7a5";
}

.entypo-cc-by:before {
    content: "\e7a6";
}

.entypo-cc-nc:before {
    content: "\e7a7";
}

.entypo-cc-nc-eu:before {
    content: "\e7a8";
}

.entypo-cc-nc-jp:before {
    content: "\e7a9";
}

.entypo-cc-sa:before {
    content: "\e7aa";
}

.entypo-cc-nd:before {
    content: "\e7ab";
}

.entypo-cc-pd:before {
    content: "\e7ac";
}

.entypo-cc-zero:before {
    content: "\e7ad";
}

.entypo-cc-share:before {
    content: "\e7ae";
}

.entypo-cc-remix:before {
    content: "\e7af";
}

.entypo-github:before {
    content: "\f300";
}

.entypo-github-circled:before {
    content: "\f301";
}

.entypo-flickr:before {
    content: "\f303";
}

.entypo-flickr-circled:before {
    content: "\f304";
}

.entypo-vimeo:before {
    content: "\f306";
}

.entypo-vimeo-circled:before {
    content: "\f307";
}

.entypo-twitter:before {
    content: "\f309";
}

.entypo-twitter-circled:before {
    content: "\f30a";
}

.entypo-facebook:before {
    content: "\f30c";
}

.entypo-facebook-circled:before {
    content: "\f30d";
}

.entypo-facebook-squared:before {
    content: "\f30e";
}

.entypo-gplus:before {
    content: "\f30f";
}

.entypo-gplus-circled:before {
    content: "\f310";
}

.entypo-pinterest:before {
    content: "\f312";
}

.entypo-pinterest-circled:before {
    content: "\f313";
}

.entypo-tumblr:before {
    content: "\f315";
}

.entypo-tumblr-circled:before {
    content: "\f316";
}

.entypo-linkedin:before {
    content: "\f318";
}

.entypo-linkedin-circled:before {
    content: "\f319";
}

.entypo-dribbble:before {
    content: "\f31b";
}

.entypo-dribbble-circled:before {
    content: "\f31c";
}

.entypo-stumbleupon:before {
    content: "\f31e";
}

.entypo-stumbleupon-circled:before {
    content: "\f31f";
}

.entypo-lastfm:before {
    content: "\f321";
}

.entypo-lastfm-circled:before {
    content: "\f322";
}

.entypo-rdio:before {
    content: "\f324";
}

.entypo-rdio-circled:before {
    content: "\f325";
}

.entypo-spotify:before {
    content: "\f327";
}

.entypo-spotify-circled:before {
    content: "\f328";
}

.entypo-qq:before {
    content: "\f32a";
}

.entypo-instagrem:before {
    content: "\f32d";
}

.entypo-dropbox:before {
    content: "\f330";
}

.entypo-evernote:before {
    content: "\f333";
}

.entypo-flattr:before {
    content: "\f336";
}

.entypo-skype:before {
    content: "\f339";
}

.entypo-skype-circled:before {
    content: "\f33a";
}

.entypo-renren:before {
    content: "\f33c";
}

.entypo-sina-weibo:before {
    content: "\f33f";
}

.entypo-paypal:before {
    content: "\f342";
}

.entypo-picasa:before {
    content: "\f345";
}

.entypo-soundcloud:before {
    content: "\f348";
}

.entypo-mixi:before {
    content: "\f34b";
}

.entypo-behance:before {
    content: "\f34e";
}

.entypo-google-circles:before {
    content: "\f351";
}

.entypo-vkontakte:before {
    content: "\f354";
}

.entypo-smashing:before {
    content: "\f357";
}

.entypo-sweden:before {
    content: "\f601";
}

.entypo-db-shape:before {
    content: "\f600";
}

.entypo-logo-db:before {
    content: "\f603";
}

@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 400;
    src: local('Muli Regular'), local('Muli-Regular'), url(https://fonts.gstatic.com/s/muli/v12/7Auwp_0qiz-afTLGKA.ttf) format('truetype');
}

html,
body {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0;
    padding: 0;
    background-color: #f0f0f0;
    font-family: Muli, sans-serif;
    color: #444;
    width: 100%;
    height: 100%;
}

ul {
    list-style: none;
    margin-top: 0;
    padding: 0;
}

a {
    cursor: pointer;
    display: block;
    color: #b3b3b3;
    text-decoration: none;
}

.btn-red {
    background: #D8D9E;
    color: #fff;
}

.btn-red:hover {
    opacity: 0.8;
}

.radio-inline {
    margin-right: 20px;
}

header nav {
    background-color: #6D6EFA;
    box-shadow: -4px 0px 10px #6D6EFB inset;
    width: 210px;
    height: 100%;
    position: fixed;
    left: 0;
    top: 59px;
    z-index: 500;
    overflow-y: auto;
}

.thead-dark-blue {
    background: #6D6EFA;
    color: #fff;
}

h1 {
    text-align: center;
    font-weight: normal;
    color: #F6F6EF;
    line-height: 60px;
    margin: 0;
    font-size: 20px;
    letter-spacing: 2px;
    background-color: #fff;
    border-bottom: 1px solid rgba(101, 116, 134, 0.57);
}

h2 {
    font-size: 20px;
    margin: 10px 0;
    letter-spacing: 3px;
    color: #919191;
    font-weight: normal;
    line-height: 150%;
    text-shadow: 1px 1px 2px #fff;
}


/* h2:before {
  content: '';
  width: 36px;
  height: 36px;
  position: absolute;
  left: -19px;
  top: 12px;
  background-color: #34363A;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
} */

h3 {
    font-size: 17px;
    margin: 0;
    line-height: 40px;
    color: #555;
    cursor: pointer;
    position: relative;
}

header {
    width: 200px;
    height: 100%;
    float: left;
    position: relative;
    z-index: 600;
}

header h1 {
    position: relative;
    top: 0;
    left: 0;
    z-index: 500;
}

header nav ul li {
    border-bottom: 1px solid #6D6EFB;
    /*   padding-left: 48px; */
    transition: all 0.6s;
    border-top: 1px solid #6D6EFB;
}


/* header nav ul li:hover {
  background-color: #6D6EFB;
  transition: all 0.6s;
  border-bottom: 1px solid #797979;
}
header nav ul li:hover a {
  color: #fff;
  transition: all 0.6s;
} */


/* header nav ul li a {
  line-height: 55px;
  font-size: 18px;
  position: relative;
  letter-spacing: 1px;
  transition: all 0.6s;
} */

header nav ul li a:before {
    font-family: 'entypo', sans-serif;
    font-size: 20px;
    position: absolute;
    left: -32px;
}

header nav ul li:first-child a:before {
    content: "\268f";
}

header nav ul li:nth-child(2) a:before {
    content: "\1f465";
}

header nav ul li:nth-child(3) a:before {
    content: "\1f4c5";
}

header nav ul li:nth-child(4) a:before {
    content: "\e771";
}

header nav ul li:nth-child(5) a:before {
    content: "\2699";
}

header nav ul li:nth-child(6) a:before {
    content: "\1f50d";
}

main {
    flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
}

.title {
    background-color: #fff;
    border-bottom: 1px solid #C0C1C0;
    height: 60px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    z-index: 600;
}

.title a {
    color: #AAA;
    width: auto;
    margin: 0 20px;
    float: right;
    line-height: 62px;
    position: relative;
    text-decoration: none;
    transition: all 0.5s;
}

.title a:before {
    content: "\1f464";
    font-size: 38px;
    position: absolute;
    left: -50px;
    font-family: 'entypo';
}

a:hover {
    color: #33526B;
    transition: all 0.5s;
}

.larg {
    margin: 30px auto;
    padding: 0 30px;
}

.larg .center-view {
    width: 60%;
    float: left;
    margin-right: 5%;
}

.portlet {
    background-color: #fff;
    border: 1px solid #E2E2E2;
    padding: 0 20px;
    margin: 15px 0;
}


/* .portlet:hover {
  background-color: #fafafa;
} */

.larg .portlet h3 span {
    font-family: 'entypo';
    font-size: 19px;
    position: absolute;
    right: 0;
    transition: all 0.6s;
}

.portlet h3 span.close {
    -webkit-transform: rotate(180deg);
    transition: all 0.5s;
}

.portlet p {
    display: none;
    margin-left: 10px;
    padding: 0 15px;
    border-left: 1px solid #ccc;
}

.portlet-side {
    width: 170px;
    padding: 20px !important;
    position: fixed;
    left: calc(100% - 170px);
    top: 89px;
    -webkit-transition: 0.3s ease-out 0s;
    transition: 0.3s ease-out 0s;
}

.larg .sub-form {
    padding: 20px !important;
    margin: 15px 0;
    position: fixed;
}


/* -------------------  ----------------------------------------
    Vertical Nav Bar
--------------------------------------- ------------------------*/

.vert-nav-list {
    list-style: none;
    text-align: left;
    margin-bottom: 100px;
}

.vert-nav-list .vert-list-iterm {
    transition: all 0.6s;
}

.vert-nav-list .vert-list-iterm:hover {
    background: #D8D9E;
}

.vert-nav-list .vert-list-iterm:hover a {
    color: #fff;
}

.vert-nav-list .vert-list-iterm:hover .inner-anchor {
    color: #e3e3e3;
}

.vert-nav-list .vert-list-iterm a {
    color: #fff;
    line-height: 55px;
    font-size: 16px;
    letter-spacing: 1px;
    cursor: pointer;
    text-decoration: none;
    margin: 10px;
}


/* -------------------  ----------------------------------------
    Vertical Inner Nav Bar
--------------------------------------- ------------------------*/

.inner-nav-list {
    list-style: none;
    text-align: left;
    display: none;
    transition: all 0.6s;
}

.inner-nav-list .inner-nav-list-iterm {
    background: #6D6EFB;
    transition: all 0.6s;
}

.inner-nav-list .inner-nav-list-iterm:hover {
    opacity: 0.7;
}

.inner-nav-list .inner-nav-list-iterm:hover a {
    color: #e3e3e3;
}

.inner-nav-list .inner-nav-list-iterm a {
    color: #e3e3e3;
    line-height: 55px;
    font-size: 16px;
    letter-spacing: 1px;
    cursor: pointer;
    text-decoration: none;
    margin: 10px;
}


/* -------------------  ----------------------------------------
    Widget
--------------------------------------- ------------------------*/

.widget-box {
    background: #fff;
    border: 1px solid #E0E0E0;
    margin: 15px;
}

.widget-header {
    background: #279BE4;
    height: 40px;
}

.widget-header h4 {
    font-size: 17px;
    font-weight: normal;
    margin: 0;
    padding: 11px 15px;
    color: #F9F9F9;
    /* float: left; */
}


/*   .sample-widget {max-width: 47%;} */

.widget-box .widget-header .fa {
    color: #fff;
    font-size: 19px;
    margin: 5px;
    line-height: 160%;
}

.widget-box .fa:hover {
    color: #e3e3e3;
}

.widget-adds {
    text-align: right;
    padding-right: 11px;
    position: relative;
    top: -40px;
}


/* form input */

.question-block {
    margin: 30px 0;
}

.question-block h4 {
    color: #D8D9E;
}

.question-block input {
    position: relative;
    top: 4px;
}

.btn-on-prev {
    margin-top: 20px;
}


/* -------------------  ----------------------------------------
    minimizer
--------------------------------------- ------------------------*/

.minimise {
    background: #6D6EFA;
    color: #fff;
    padding: 5px;
    position: absolute;
    left: -23px;
    top: -0.5px;
}

.minimise-nav {
    border: 1px solid #6D6EFA;
    color: #6D6EFA;
    padding: 5px;
    position: absolute;
    left: 5px;
    top: 15px;
    z-index: 700;
    display: none;
    -webkit-transition: 0.3s ease-out 0s;
    transition: 0.3s ease-out 0s;
}

.minimise:hover,
.minimise-nav:hover {
    opacity: 0.8;
}

.h-collapse {
    transform: translateX(170px);
}

.h-expand {
    transform: translateX(0px);
}


/* -------------------  ----------------------------------------
    Notification bar
--------------------------------------- ------------------------*/


/* @import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro"); */

@-webkit-keyframes fade-in {
    from {
        visibility: hidden;
        opacity: 0;
    }
    to {
        visibility: visible;
        opacity: 1;
    }
}

@keyframes fade-in {
    from {
        visibility: hidden;
        opacity: 0;
    }
    to {
        visibility: visible;
        opacity: 1;
    }
}

@-webkit-keyframes slide-show {
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-show {
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.button {
    padding: 15px 20px;
    border: 2px solid white;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    color: white;
}

.button:hover,
.button.is-active {
    color: #be93c5;
    background-color: white;
}

.bar-bottom {
    position: fixed;
    z-index: 1000;
    display: flex;
    align-items: center;
    padding: 20px;
    color: #fff;
    line-height: 1.3;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
    visibility: hidden;
    opacity: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
}

.bar-bottom.do-show {
    animation: fade-in 1s ease-in-out forwards, fade-in 1s ease-in-out reverse forwards 4s;
}

.bar-bottom[data-notification-status="notice"] {
    background-color: #29B6F6;
}

.bar-bottom[data-notification-status="notice"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23077CB2'/%3E%3Cpath d='M11.016,6.984V9h1.968V6.984H11.016z M11.016,17.016h1.968v-6h-1.968V17.016z' fill='%23077CB2'/%3E%3C/svg%3E") center/cover no-repeat;
}

.bar-bottom[data-notification-status="warning"] {
    background-color: #FFCA28;
}

.bar-bottom[data-notification-status="warning"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C19100'/%3E%3Cpath d='M11.016,17.016h1.968V15h-1.968V17.016z M11.016,6.983v6.001h1.968V6.983H11.016z' fill='%23C19100'/%3E%3C/svg%3E") center/cover no-repeat;
}

.bar-bottom[data-notification-status="error"] {
    background-color: #EF5350;
}

.bar-bottom[data-notification-status="error"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C71612'/%3E%3Cpath d='M13.406,12l2.578,2.578l-1.406,1.406L12,13.406l-2.578,2.578l-1.406-1.406L10.594,12L8.016,9.421l1.406-1.405L12,10.593 l2.578-2.577l1.406,1.405L13.406,12z' fill='%23C71612'/%3E%3C/svg%3E") center/cover no-repeat;
}

.bar-bottom[data-notification-status="success"] {
    background-color: #66BB6A;
}

.bar-bottom[data-notification-status="success"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%233A813D'/%3E%3Cpath d='M10.477,13.136l5.085-5.085l1.406,1.406l-6.492,6.492l-3.446-3.445l1.406-1.406L10.477,13.136z' fill='%233A813D'/%3E%3C/svg%3E") center/cover no-repeat;
}

.bar-bottom[data-notification-status="question"] {
    background-color: #8D6E63;
}

.bar-bottom[data-notification-status="question"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23513F39'/%3E%3Cpath d='M12.001,6.314h-0.002c-1.996,0-3.609,1.614-3.609,3.609h1.784c0-0.977,0.85-1.784,1.826-1.784  c0.977,0,1.827,0.807,1.827,1.784c0,1.826-2.718,1.614-2.718,4.544h1.784c0-2.038,2.717-2.294,2.717-4.544  C15.609,7.928,13.997,6.314,12.001,6.314z M11.109,17.186h1.784v-1.826h-1.784V17.186z' fill='%23513F39'/%3E%3C/svg%3E") center/cover no-repeat;
}

.bar-bottom[data-notification-status="plain"] {
    background-color: #333;
}


/* -------------------  ----------------------------------------
    Spinner
--------------------------------------- ------------------------*/

*,
*::before,
*::after {
    box-sizing: border-box;
}

@-webkit-keyframes loader-spin {
    0% {
        -webkit-transform: translateY(-50%) translateX(-50%) rotate(0deg);
        transform: translateY(-50%) translateX(-50%) rotate(0deg);
    }
    100% {
        -webkit-transform: translateY(-50%) translateX(-50%) rotate(360deg);
        transform: translateY(-50%) translateX(-50%) rotate(360deg);
    }
}

@keyframes loader-spin {
    0% {
        -webkit-transform: translateY(-50%) translateX(-50%) rotate(0deg);
        transform: translateY(-50%) translateX(-50%) rotate(0deg);
    }
    100% {
        -webkit-transform: translateY(-50%) translateX(-50%) rotate(360deg);
        transform: translateY(-50%) translateX(-50%) rotate(360deg);
    }
}

.loader {
    position: relative;
    transition-property: color background-color;
    transition-duration: 0.2s;
}

.loader::after {
    content: "";
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border: 5px solid rgba(255, 255, 255, 0.3);
    border-top-color: rgba(255, 255, 255, 0.7);
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: loader-spin;
    animation-name: loader-spin;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.active-loader::after {
    display: block;
}

.btn-info {
    color: #fff;
    background: #6D6EFA;
    border: 1px solid #6D6EFB;
}

.btn-info:hover {
    color: #fff;
    background: #6D6EFB;
    border: 1px solid #6D6EFB;
}

.btn-info:focus {
    color: #fff;
    background: #6D6EFB;
    border: 1px solid #6D6EFB;
}

.text-alert-info {
    color: #D8D9E;
}

.img-tag {
    width: 20%;
}

.qr-heading-div {
    display: none;
}

.fab-btn {
    display: block;
    background: #6D6EFA;
    width: 50px;
    height: 50px;
    position: fixed;
    top: calc(100% - 70px);
    left: calc(100% - 70px);
    text-align: center;
    padding-top: 7px;
    font-size: 25px;
    color: #fff;
    border-radius: 50px;
    box-shadow: 0.1px 0.1px 0.01px rgba(0, 0, 0, 0.1);
    z-index: 500;
}

.fab-btn:hover {
    box-shadow: 0.1px 0.1px 0.1px rgba(0, 0, 0, 0.3);
    transform: scale(1.05)
}


/* -------------------  ----------------------------------------
    Responsive
--------------------------------------- ------------------------*/

@media only screen and (max-width: 1440px) {
    .main-content {
        margin-left: 200px;
    }
}

@media only screen and (max-width: 760px) {
    .main-content {
        margin-left: 0;
    }
}

@media only screen and (max-width: 760px) {
    header nav {
        transform: translateX(-200px);
        -webkit-transition: 0.3s ease-out 0s;
        transition: 0.3s ease-out 0s;
    }
    .minimise-nav {
        display: inline;
    }
    .tab-text-show {
        display: none;
    }
}

.answer-list {
    list-style-type: circle;
    margin-left: 20px;
}

.download-record {
    margin: 2px;
}

.disabled {
    pointer-events: none;
    opacity: 0.5;
    background: #CCC;
}

.hide {
    display: none;
}

.company-name-display {
    position: reabaive;
    left: 51px;
}

.row .portlet {
    width: 100%;
}

.optionsChartsModel .modal-dialog {
    max-width: 90%;
}

.toDrag {
    overflow: hidden;
    border: 2px dotted #FF0000;
    height: 200px;
    margin-bottom: 15px;
}

.questions-sort {
    position: fixed;
    z-index: 500;
    top: calc(100% - 50px);
    left: calc(100% - 70px);
}