#login-wrapper {display:none;}
#draft-room-wrapper {display:none;}
.no-log #login-wrapper {display:block;}
.log #draft-room-wrapper {display:block;}

.team-none, .team-box {
    /* padding:1em; */
    /* border:2px solid #ccc; */
    margin:1em;
}


body {margin: 0; padding:0; background: #001905 url('https://mintconditioned.com/mintmadness/wp-content/uploads/2014/02/basketball-texture-green120.jpg') center top repeat; background-attachment: scroll; background-size: auto; font-family:'Fira Sans','Trebuchet MS',Helvetica,sans-serif; }

body * {-webkit-box-sizing:border-box; box-sizing:border-box;}
body #draft-loading {display:none;}
body.draft-loading #draft-loading {display:block; position:fixed; top:80px; bottom:30px; left:0; right:0; background:rgba(0,0,0,0.7); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; z-index:100;}

.player-56, .player-57 {display:none !important;}
/******************************
	Page Content
******************************/
#main {width:100%;padding:20px;}
header {width: 100%; height: 50px; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.3); color: #fff; border-bottom:1px solid rgba(255,255,255,0.2);}
.draftroom header {height:80px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.draftlotteryroom header {z-index:2; height:80px;}
footer {width: 100%; height: 30px; position: fixed; left: 0; bottom: 0; background: rgba(0,0,0,0.3); border-top:1px solid rgba(255,255,255,0.2); color: #fff; font-size:11px; }
#main-content {position: fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;margin: 20px 0;padding: 0;top: 80px;left: 0;right: 0;bottom: 30px;overflow-y: auto;overflow-x:hidden;}
.draftroom #main-content {margin:0;}
#draft-order {height: 80px;width: 100vw;-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;overflow:hidden;position: fixed;z-index: 1000;background: rgba(0,0,0,0.9);}
#draft-order ol {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; padding:0; margin:5px 0;}
#draft-order li {display:none; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; min-width:100px; font-size:14px; text-align:center; padding:10px; margin:0 5px; background-color:rgba(255,255,255,0.7)}
#draft-order li.current-pick, #draft-order li.current-pick ~ li {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
#draft-order li.current-pick {-webkit-box-shadow: 0 0 0 5px #870d1b;box-shadow: 0 0 0 5px #870d1b;}
#draft-order li span.current {display:none; white-space:nowrap;}
#draft-order li.current-pick span.current {display:block;}

.selectbtn {display:none;}
body.my-pick .selectbtn {display:block;}
body.admin .selectbtn {display:block;}


#draft-room {position:relative;width: 100vw;-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;margin-top: 80px;} 
#draft-left {display:block;position:absolute;top:0;left:0; /* bottom:0; */width: 260px;padding:0;overflow:visible;}
#draft-right {position: absolute;right: 0;left: 280px;bottom: 30px;top: 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;float: right;padding: 5px 20px 0 5px;overflow-y: auto;}
#logo {float: left; display:inline-block; padding: 2px 30px 3px 10px; margin: 0; }
#logo img {height: 60px; width: auto;}

header nav {float: right;}
header nav ul {margin:0;padding:0;line-height: 50px;}
header nav ul li {display: inline-block;text-align: right;font-size: 14px;line-height: 20px;padding-right: 20px;}
header nav.nav-draftroom ul li:nth-last-of-type(2) {padding-right:0;}
header nav.nav-draftroom ul li:last-of-type {padding-right:30px;}
header nav ul li a {color: #fff;text-decoration: none;}
header nav ul li a:hover,  header nav ul li a:focus {color: #990000;}
nav .refreshbutton {visibility:hidden;position:relative;}
nav .refreshbutton:before {position:absolute;right:0;visibility:visible;content:'';display:inline-block;height:20px;width:20px;background:url(css-images/refresh-icon.svg) top center no-repeat;}
nav .refreshbutton:hover:before, nav .refreshbutton:focus:before {background:url(css-images/refresh-icon.svg) bottom center no-repeat;}

h1 {font-size:24px; line-height:30px; float:left; display:block; margin: 0; padding: 10px 0 10px 20px; color: #fff;}
h3 {margin:0 0 10px; padding-bottom:5px; color:#fff; border-bottom:1px solid rgba(255,255,255,0.1); }

.team-none {display:block;height:100%;/* overflow:hidden; */overflow-x: visible;}
.team-none .team-interior {height:100%;overflow-x: visible;}
.team-box {-ms-flex-preferred-size:25%;flex-basis:25%; max-width:230px; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; vertical-align:top; padding:15px; margin:0 -2px; }
.team-box.nextpick .team-interior {-webkit-box-shadow:0 0 0 5px #870d1B;box-shadow:0 0 0 5px #870d1b;}

.team-interior {background:rgba(255,255,255,0.2);border:4px solid rgba(255,255,255,0.1);border-radius:0;padding: 10px;/* overflow-y:auto; */min-height:50px;}
#main-content .team-none { border-radius:0;  }
.team-none .team-interior {min-height:calc(100vh - 110px);}
#main-content .team-none .team-interior ol {padding:0 50px 50px 0;list-style: decimal;font-size:12px;color:#111;height:100%;min-height:40px;/* overflow-y: auto; */overflow-x: visible;-webkit-overflow-scrolling: touch;width:calc(100% + 30px);}

.no-hiddenscroll ::-webkit-scrollbar {width:0; background:none;}
.no-hiddenscroll ::-webkit-scrollbar-track {-webkit-box-shadow:none;box-shadow:none; background:none; border-radius: 10px; margin-right:2px;}
.no-hiddenscroll ::-webkit-scrollbar-thumb {border-radius: 10px; background: rgba(0,0,0,0.1); -webkit-box-shadow:none; box-shadow:none; }
.no-hiddenscroll ::-webkit-scrollbar-thumb:window-inactive {background: rgba(0,0,0,0.1); }

#main-content .team-none .team-interior li {list-style:none;padding: 0 10px 0 5px;height: auto;line-height: 40px;width:200px;/* overflow:hidden; */white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;/* display: block; */}
#main-content .team-box .team-interior ol {padding:0; list-style: decimal; font-size:11px; color:#111; min-height:40px; overflow:hidden; }
#main-content .team-box .team-interior li {list-style:none; padding: 0 0 0 10px; height: 25px; line-height: 25px; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; }
#main-content .team-interior li:nth-child(odd) {background-color:rgba(255,255,255,0.7); }
#main-content .team-interior li:nth-child(even) {background-color: rgba(255,255,255,0.4); }
#main-content .team-interior li:hover {cursor: pointer; background-color:rgba(255,255,255,0.95)}
#main-content .team-interior li.ui-sortable-helper {background:#000;color:#fff;}

#main-content .team-interior ol {list-style-type:none;}
	#main-content .team-box .team-interior ol > li {counter-increment: customlistcounter;list-style-type:none;font-size:11px;color:#222;padding-left:15px;}
		#main-content .team-box .team-interior ol > li:before {content: counter(customlistcounter); float: left; margin-left:-10px; font-size:11px; font-weight:500; color:#330000;}
		#main-content .team-box .team-interior ol:first-child {counter-reset: customlistcounter;}

.selected-pick {display:none; position: absolute; top: 0; left: 0; bottom:0; right:0; padding:0; width: 100%; height:100%; background: rgba(0,0,0,0); z-index:9999;}
	a.selected-yes {position: relative; display: inline-block; background: rgba(0,130,50,1); color: #f5f5f5; width: 50%; height:40px; line-height:40px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); text-align: center; font-size: 15px; line-height: 38px; font-weight: 500; text-transform: uppercase; z-index:5; -webkit-box-shadow: inset 0 0 8px #040; box-shadow: inset 0 0 8px #040; }
	a.selected-no {position: relative; display: inline-block; background: rgba(170,0,10,1); color: #f5f5f5; width: 50%; height:40px; line-height:40px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); text-align: center; font-size: 15px; line-height: 38px; font-weight: 500; text-transform: uppercase; z-index:5; -webkit-box-shadow: inset 0 0 8px #400; box-shadow: inset 0 0 8px #400; }
	a.selected-yes:after {content: '+'; margin-left: 5px;}
	a.selected-no:after {content: '-'; margin-left: 5px;}

#main-content .team-none .team-interior li div:first-child {/* overflow:hidden; */}
.player-info {position:relative;height:auto;left:-5px;width:calc(100% + 15px) ; max-height:0; overflow:hidden; background:transparent; padding:0 5px;margin:0;z-index: 10; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}

.player-info h4 {display:none;}
#draft-left li.player:hover .player-info, #draft-left li.player:focus .player-info {display:block; max-height:120px; padding:10px 5px; border-top:1px solid rgba(0,0,0,0.3); border-bottom:3px solid #870d1b; }
#draft-right li.player {position:relative;}
#draft-right li.player .player-info {display:none !important;}
body:not(.admin) .return-pick {display:none;}
.admin #draft-right .return-pick {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:100%; width:0; font-size: 0; line-height: 1; padding: 0; color: rgba(255,255,255,0.7); background: rgba(175,0,20,0.7); font-weight: 500; position: absolute; right: 0px; opacity:0; -webkit-transition: opacity 0.3s, color 0.3s, font-size 0.3s, padding 0.3s; -o-transition: opacity 0.3s, color 0.3s, font-size 0.3s, padding 0.3s; transition: opacity 0.3s, color 0.3s, font-size 0.3s, padding 0.3s; }
.admin #draft-right li.player:hover .return-pick {font-size: 22px; width: 30px; top: 0; z-index: 2; bottom: 0; right: 0; text-align: right; opacity:1; padding-right:0;} 
.admin #draft-right li.player .return-pick:hover, .admin #draft-right li.player .return-pick:focus {color:rgba(255,255,255,0.9);}
.admin #draft-left .return-pick {display:none !important;}

#draft-right li.player > div:first-child {position:relative;}

.player-info:before {height: 0;width: 0;border-width: 14px 14px 14px 0;border-color: transparent #870d1b transparent transparent;border-style: solid;left: -14px;top: calc(50% - 14px);position: absolute;}
.player-info:after {/* content: ''; */height: 0;width: 0;border-width: 10px 10px 10px 0;border-color: transparent #f1f1f1 transparent transparent;border-style: solid;left: -10px;top: calc(50% - 10px);position: absolute;}

.player-info h4 {margin:0 0 5px; line-height:20px;}
.player-info .stats {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin:0 0 10px; }
.player-info .stats span {display: block; font-size: 12px; line-height: 1.3; width: 18%; margin-right:2%; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center;margin:0; }
.player-info .buttons {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.player-info .buttons div {width:46%; -webkit-box-flex:0; -ms-flex:0 1 auto; flex:0 1 auto; text-align:center; line-height:1.2; padding:5px; color:#fff;}
.selectbtn {background:#0c2;}
.cancelbtn {background:#870d1b;}

#draft-lottery {width:95%; max-width:400px; background:rgba(255,255,255,0.2); border:4px solid rgba(255,255,255,0.1); border-radius:8px; padding:20px; margin:30px auto; }
	#draft-lottery h2 {color:#fff;font-size:24px;margin:0 0 10px;text-align:center; }
	button.draftshuffle {display:block; width:100%; background:rgba(255,255,255,0.2); border:4px solid rgba(255,255,255,0.1); border-radius:8px; padding:10px; margin:20px auto; font-size:20px; font-weight:500; color:#fff; cursor:pointer; text-shadow:0 -1px 1px #222; }
	ol.draftorder {width: 40%; min-width:140px; margin: 0 auto; }
	ol.draftorder li {  color: #fff; text-shadow: 0 -1px 1px #000; font-size: 18px; line-height: 1.3;}

#timer-bar {width: 96%; height: 15px; margin: 0 auto; background: #000; overflow:hidden; position:fixed; top:55px; left:2%; display:none; }
.expand { width: calc(100% - 10px); max-width: calc(100% - 10px); height: 5px; margin: 5px; background:#870d1b; position: absolute; -moz-animation: fullexpand 30s linear; -webkit-animation: fullexpand 30s linear; overflow:hidden; }

/* Full Width Animation Bar */

@-webkit-keyframes fullexpand {
    0% { width: 0; background:green; }
    33% { width:33%; background:yellow; }
    66% { width:66%; background:orange; }
    90% { width:90%; background:#870d1b; }
    100% { width: 100%; background:#870d1b; }
}

#count30 {display:block;position:fixed;top:45px;width:100%;text-align:center;font-size:20px;font-weight:600;color:#fff;}
#count30 span {color:#dd0d1b; -moz-animation: countcolor 20s linear; -webkit-animation: countcolor 20s linear;}

/* Countdown Color Changer */

@-webkit-keyframes countcolor {
    0% { color:#fff; }
    33% { color:#fff; }
    66% { color:#fff; }
	82.4% { color:#fff; }
    82.5% { color:#dd0d1b; }
    100% { color:#dd0d1b; }
}

footer {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.copyright {-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto; font-size:11px;font-weight:normal;color:#fff;line-height:30px;padding-left:15px;display: inline-block;}
.copyright a {font-weight:600;text-decoration:none;color:#fff;}
.admin-buttons {display:inline-block; -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; margin:0 20px;}
body:not(.admin) .admin-buttons {display:none;}
.team-box .team-interior h3 {font-weight:500; }
/* .team-box .team-interior h3:before {visibility: visible; content: ''; display: block; font-size: 18px; line-height: 1; padding-bottom: 5px; border-bottom: 1px solid rgba(255,255,255,0.1);} */

#player-popup {display:none; position:fixed; top:0; bottom:0; left:0; right:0; height:100%; width:100%; padding: 50px 25px 15px 25px; background:rgba(0,20,0,0.97); border:8px solid rgba(255,255,255,0.2); overflow:hidden; z-index:9999;}
#player-popup #popup-close-btn, #stats-popup #stats-popup-close-btn {height: 30px; width: auto; text-align: right; color: #f5f5f5; font-size: 18px; line-height: 20px; font-weight: 600; position: fixed; top: 20px; right: 25px; cursor:pointer;} 
#player-popup ul {padding: 0; margin: 0; top: 40px; overflow-y: scroll; -webkit-overflow-scrolling: touch; height: 100%; width:100%;}
#player-popup li {list-style:none; font-size:18px; line-height:27px; color:#fff;}

#stats-popup-table_wrapper, #stats-popup-table {display:none;}
#stats-popup {display:none; position:fixed; top:0; bottom:0; left:0; right:0; height:100%; width:100%; padding: 50px 20px 15px 20px; background:rgba(0,20,0,0.97); border:8px solid rgba(255,255,255,0.2); overflow:hidden; z-index:9999;}
#stats-popup-inner {height: 100%; width: 100%; padding: 20px; overflow-y: scroll; overflow-x:auto; -webkit-overflow-scrolling: touch;}
#stats-popup-table {padding-top: 15px;}
#stats-popup-table tbody { }
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {color: #f5f5f5;}
#stats-popup-table tbody tr:nth-child(even) {background: rgba(255,255,255,0.6);}
#stats-popup-table tbody tr:nth-child(odd) {background: rgba(255,255,255,0.8);}
#stats-popup-table tbody tr {color: #111;font-size: 13px;}

#stats-popup-table thead tr {color:#f5f5f5; font-size:13px;}
#stats-popup-table thead th {padding-left:10px; text-align:left;}
#stats-popup-table thead .sorting, #stats-popup-table thead .sorting_asc_disabled, #stats-popup-table thead .sorting_desc_disabled {background-color: rgba(0,0,0,0.7); background-image:none;}
#stats-popup-table thead .sorting_asc {background-color: #870d1b;background-image: none; position:relative;}
#stats-popup-table thead .sorting_asc:after {position:absolute; display:inline-block; content:'\00AB'; color:#f5f5f5; font-size:15px; line-height:15px; -webkit-transform:rotateZ(90deg); -ms-transform:rotate(90deg); transform:rotateZ(90deg); right:5px;}
#stats-popup-table thead .sorting_desc {background-color: #870d1b;background-image: none; position:relative;}
#stats-popup-table thead .sorting_desc:after {position:absolute; display:inline-block; content:'\00BB'; color:#f5f5f5; font-size:15px; line-height:15px; -webkit-transform:rotateZ(90deg); -ms-transform:rotate(90deg); transform:rotateZ(90deg); right:5px;}

.no-log #login-wrapper {display:block; background:rgba(255,255,255,0.9); padding:20px; width:90vw; max-width:500px; margin: auto;}
#login-wrapper h1 {color:#444; display:block;width:100%; padding:0; margin:1em 0 1em;}
#login-wrapper p {display:block; width:100%; margin:1.5em 0 0; line-height:1.5;}
#login-wrapper select option[value=Available] {display:none;}
#login-wrapper label {display:block; margin:1em 0 2em;}

#draft-right {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -ms-flex-pack:distribute; justify-content:space-around; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch;}
#draft-right > div {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto; max-width:none;}
.team-box {max-width:none;}
.users-team {max-height:none; height:auto;}

@media screen and (max-width:1200px) {
	.team-box {-ms-flex-preferred-size:33.33%;flex-basis:33.33%;}
}


@media screen and (max-width:992px) {
	.draftroom header {height:90px;text-align:center;}
	.draftroom #main-content {top:90px;}
	body.draft-loading #draft-loading {top:90px;}
	#logo {float: none;display:block;padding: 3px 0 2px;margin: 0;}
	#logo img {height:45px;}
	header h1 {display:inline-block; padding: 0 0 0 30px;}
	header nav ul {line-height:25px;}
	.team-box {-ms-flex-preferred-size:50%;flex-basis:50%;}
	#timer-bar {top:95px;}
	#count30 {top:85px;}


}


@media screen and (max-width:768px) {
	#main { height:calc(100% + 1px);}
	header nav ul {text-align:center;}
	header nav ul li {padding-right:15px;}
	.draftroom header {display:block;}
	
	.draftroom header nav ul li:last-of-type {padding-right:20px;}
	.team-box {-ms-flex-preferred-size:100%;flex-basis:100%;}
	#main-content .team-none .team-interior ol {margin-right:-10px; padding-right:40px;}

	#draft-right {-ms-flex-wrap:wrap;flex-wrap:wrap;}
	#draft-right > * {width:100%; -ms-flex-wrap:wrap; flex-wrap:wrap;}
}

@media screen and (max-width:600px) {
	.draftroom header {height:90px;}
	.draftroom #logo {float:left;}
	.draftroom #logo img {height:30px;}
	header h1 {font-size:18px;line-height:18px;float:none;padding:0 0 5px;display:block; text-align:center;}
	.draftroom header h1 {position:absolute; top:10px; right:20px;}
	header nav {float:none; margin:0 auto; clear:both;}
	.draftroom header nav {margin-top:10px;}
	header nav ul {line-height:20px;}
	.draftroom header nav ul {line-height:24px;}
	.draftroom header nav ul li:last-of-type {padding-right:0;}
	.draftroom #main-content {top:90px; bottom:20px;}
	#draft-left {width:50%;padding:0 10px 0 0;}
	#draft-right {left:50%;padding:0 15px 0 0;}
	.team-box {width:100%;margin:0;max-width:none;min-width:0;}
	#main-content .team-none .team-interior ol {}
	#timer-bar {top:90px;}
	#count30 {top:75px; font-size:16px;}
	footer {height:20px;}
	.copyright {line-height:20px;}
	#player-popup {padding: 50px 15px 15px 15px;}
	#player-popup li {font-size:3.7vw; line-height:1.8;}
	#stats-popup {padding: 50px 10px 15px 10px;}
	#stats-popup-inner {padding-left:0;}
	#stats-popup-table tbody tr {font-size: 3vw;}
	#main-content .team-none .team-interior  li {width:34vw;}
	.player-info {}

	body.draft-loading #draft-loading {top:90px; bottom:20px;}
}



/* Loading animation */
@-webkit-keyframes uil-rolling-anim {
  0% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes uil-rolling-anim {
  0% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes uil-rolling-anim {
  0% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes uil-rolling-anim {
  0% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.uil-rolling-css {
  width: 200px;
  height: 200px;
}
.uil-rolling-css > div {
  width: 200px;
  height: 200px;
  position: relative;
  -webkit-animation: uil-rolling-anim 1.5s linear infinite;
  animation: uil-rolling-anim 1.5s linear infinite;
}
.uil-rolling-css > div div {
  position: absolute;
  width: 200px;
  height: 100px;
  border-radius: 1000px 1000px 0 0;
  border-color: #910009;
  border-style: solid;
  border-width: 30px;
  border-bottom-width: 0;
}
.uil-rolling-css > div div:nth-of-type(2) {
  -ms-transform: translate(0, 50px) rotate(45deg) translate(0, -50px);
  -webkit-transform: translate(0, 50px) rotate(45deg) translate(0, -50px);
  transform: translate(0, 50px) rotate(45deg) translate(0, -50px);
}