/*******************************
* Does not work properly if "in" is added after "collapse".
* Get free snippets on bootpen.com
*******************************/
.panel-group .panel { border-radius: 0; box-shadow: none; border-color: #EEEEEE; }
.panel-default > .panel-heading { padding: 0; border-radius: 0; color: #212121; background-color: #FAFAFA; border-color: #EEEEEE; }
.panel-title { font-size: 14px; }
.des { background: whitesmoke; margin-top: 150px; margin-bottom: 3%; }
.pdt20 { padding-top: 13px; }
.des h4 { font-size: 21px; font-weight: 600; padding-top: 1%; padding-bottom: 22px; }
.wl { padding-top: 2%; }
.panel-title > a { display: block; padding: 15px; font-weight: 600; text-decoration: none; }
.more-less { float: right; color: #212121; }
.panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #EEEEEE; }
/* ----- v CAN BE DELETED v ----- */
.ml-0{ margin-left:0px}
.mr-0{ margin-right:0px}
.mt-4{ margin-top:40px;}
.pl-0{ padding-left:0px}
.pr-0{ padding-right:0px}
.ml-15{ margin-left:15px}
.mr-15{ margin-right:15px}
.pl-15{ padding-left:15px}
.pr-15{ padding-right:15px}

.pt-2h{ padding-top:25px}

body { background-color: #26a69a; }
.head-mid{overflow: hidden;display:none;}
.down-but{padding: 9px; background: #26a69a; color: #fff;border:1px solid #26a69a;text-decoration: none;}
.down-but:hover,.down-but:focus{background:#fff;color:#26a69a;border:1px solid #26a69a;text-decoration: none;}
.demo { padding-top: 36px; padding-bottom: 60px; }
.content-main {    padding-top: 93px; }
.pos { position: relative; top: 75px; }
.navbar-brand img { margin-top: -34px; width: 291px; }
.navbar { padding: 20px 0 !important; background-color: #eae9e7; }
.form-control { height: 25px; padding: 2px 8px; font-size: 12px; }
select.form-control {    padding-left: 3px;    padding-right: 5px;}
.accordion { margin-top: 57px; }
.abs { position: absolute; top: 19%; }
.navbar-default .navbar-nav>li>a { color: #fff !important; font-weight: 600; }
.savebtn { background: #26a69a; color: #fff; border: none; padding: 4px 12px; }
.plus { float: right; padding-bottom: 5px; border: 2px solid #9e976e; color: #9e976e; font-size: 8px; padding: 2px 2px; cursor: pointer; margin-bottom: 5px; }
label { font-size: 13px; }
.editor-special .Editor-container {     margin-top: 0;     padding: 15px;    background: #26a69a;  background: -moz-linear-gradient(top, #26a69a 0%, #f5f5f5 100%); background: -webkit-linear-gradient(top, #26a69a 0%,#f5f5f5 100%); background: linear-gradient(to bottom, #26a69a 0%,#f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26a69a', endColorstr='#f5f5f5',GradientType=0 ); }
.together-in-icon  input[type="text"][data-attr="SE_tax"], .together-in-icon input[type="text"][data-attr="INC_tax"], .together-in-icon input[type="text"][data-attr="total_saving"]{    padding-left: 3px; width:100%; 	}  
.cus_loader.display_none {
    display: none;
}
div.cus_loader {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(0,0,0,0.4);
    text-align: center;
}
.panel-body{position:relative;}
div.cus_loader img {
    max-width: 100px;
    margin-top: 70px;
}
.userUpdated + .content-fixed-inn {
    position: static !important;max-width:550px !important;
}
.two_fixed.ficedz {
    position: fixed;
    max-width: 340px;
    left: auto;
    right: auto;
    top: 145px;
    z-index: 9999;
    max-height: calc(100vh - 160px);
    display: inline-block;
    width: 100%;
    overflow: auto;
}
form.tx_plan_form + div {
    display: inline-block;
    position: absolute;
    left: 170px;
    top: 106px;
    z-index: 999999;
    background: #9e976e;
    width: 30px;
    text-align: center;
    height: 30px;
    border-radius: 30px;
    line-height: 30px;
}
.two_fixed.ficedz .content-fixed-inn.ficed{position:relative !important;top:unset !important;left:unset !important;}
.together-in-icon input[type="text"][data-attr="SE_tax"]+ a, .together-in-icon input[type="text"][data-attr="INC_tax"]+ a, .together-in-icon input[type="text"][data-attr="total_saving"]+ a{    background-color: #fff;     color: #26a69a;     display: block;     width: 65px;     text-align: center;     vertical-align: middle;     padding: 3px 0px;     margin-left: auto;    /*  border: 1px solid #26a69a;  */    margin-right: auto;}
/* .fa-edit:after, .fa-pencil-square-o:after {     content: "Edit";     font-family: arial;     padding-left: 5px; } */
.tx_planning tr td:first-child a.ent_note, .tx_planning a.show_sub_desc, .tx_planning a.show_desc {     display: block;     max-width: 25px;     float: right;     padding: 0 6px 0 6px; }
.tx_planning a.relationship {     background-color: #fff;     color: #26a69a;     display: block;     width: 65px;     text-align: center;     vertical-align: middle;     padding: 3px 0px;     margin-left: auto;     margin-right: auto;     border: 1px solid #26a69a; }
.ui-state-default .ui-icon {     background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE3NC4yMzkgMTc0LjIzOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTc0LjIzOSAxNzQuMjM5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxwYXRoIGQ9Ik0xNDYuNTM3LDEuMDQ3Yy0xLjM5Ni0xLjM5Ni0zLjY4MS0xLjM5Ni01LjA3NywwTDg5LjY1OCw1Mi44NDljLTEuMzk2LDEuMzk2LTMuNjgxLDEuMzk2LTUuMDc3LDBMMzIuNzgsMS4wNDcgIGMtMS4zOTYtMS4zOTYtMy42ODEtMS4zOTYtNS4wNzcsMEwxLjA0NywyNy43MDJjLTEuMzk2LDEuMzk2LTEuMzk2LDMuNjgxLDAsNS4wNzdsNTEuODAyLDUxLjgwMmMxLjM5NiwxLjM5NiwxLjM5NiwzLjY4MSwwLDUuMDc3ICBMMS4wNDcsMTQxLjQ2Yy0xLjM5NiwxLjM5Ni0xLjM5NiwzLjY4MSwwLDUuMDc3bDI2LjY1NSwyNi42NTVjMS4zOTYsMS4zOTYsMy42ODEsMS4zOTYsNS4wNzcsMGw1MS44MDItNTEuODAyICBjMS4zOTYtMS4zOTYsMy42ODEtMS4zOTYsNS4wNzcsMGw1MS44MDEsNTEuODAxYzEuMzk2LDEuMzk2LDMuNjgxLDEuMzk2LDUuMDc3LDBsMjYuNjU1LTI2LjY1NWMxLjM5Ni0xLjM5NiwxLjM5Ni0zLjY4MSwwLTUuMDc3ICBsLTUxLjgwMS01MS44MDFjLTEuMzk2LTEuMzk2LTEuMzk2LTMuNjgxLDAtNS4wNzdsNTEuODAxLTUxLjgwMWMxLjM5Ni0xLjM5NiwxLjM5Ni0zLjY4MSwwLTUuMDc3TDE0Ni41MzcsMS4wNDd6IiBmaWxsPSIjMjZhNjlhIi8+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);     background-position: center center;     background-size: 13px;    background-color: #fff; }
.ui-widget-content.ui-corner-all.ui-dialog-buttons {     border-top: 4px solid #26a69a;     border-top-left-radius: 0;     -webkit-border-top-left-radius: 0;     border-top-right-radius: 0;     -webkit-border-top-right-radius: 0;     box-shadow: 0 0 50px 0px #555;     -webkit-box-shadow: 0 0 50px 0px #555;     transition: .5s;     -webkit-transition: .5s; }
.ui-widget-content.ui-corner-all.ui-dialog-buttons button.ui-button.ui-widget {     background-color: #26a69a;     color: #fff;     border-radius: 0;-webkit-border-radius:0;     border: 1px solid #26a69a;     margin-right: 0;     margin-left: 10px;     transition: .5s;     -webkit-transition: .5s; }
.ui-widget-content.ui-corner-all.ui-dialog-buttons button.ui-button.ui-widget:hover {     color: #26a69a;     background-color: #fff; }
.ui-widget-content.ui-corner-all.ui-dialog-buttons .ui-widget-header {     background-color: #26a69a;     border-radius: 0; -webkit-border-radius: 0;     border-color: #26a69a;     color: #fff; }
.ui-widget-header a[class="add_subpoint"] i {     margin: 0 !important;     line-height: normal; }
.ui-widget-header a[class="add_subpoint"] {     position: absolute;     right: 40px;     display: inline-block;     padding: 0px 3px;     background-color: #fff;     height: 18px;     margin-top: 3px;     color: #26a69a; }
 form.subpoint_form {     position: relative;     z-index: 0;     display: inline-block;     width: 100%; }
 form.subpoint_form:after {     content: "";     position: absolute;     width: 1px;     background-color: #aaa;     left: 0;     right: 0;     margin-left: auto;     margin-right: auto;     top: 10px;     bottom: 0;     z-index: -2; }
 form#point_create_form[class="form-horizontal"] >.pdt20 {     border-bottom: 2px solid #aaaa;     margin-left: 0;     margin-right: 0;     padding-bottom: 30px; }
 .tx_planning.table>tbody>tr> td:first-child {     word-break: break-all; }
 
.cke_inner.cke_reset.cke_maximized {
    z-index: 999999 !important;
} 
 
 input[type="button"][value="New Point"] {     border: 0;     background-color: transparent;     color: transparent;     margin-bottom: 10px;     background-image: url(../image/point-icon-n.png);     font-size: 0;     height: 30px;     background-repeat: no-repeat;     background-size: 100%;     width: 30px;     line-height: normal; }
 input[value="Preview"] {     border: 0;     background-color: transparent;     color: transparent;     margin-bottom: 10px;     background-image: url(../image/view.png);     font-size: 0;     height: 30px;     background-repeat: no-repeat;     background-size: 100%;     width: 30px;     line-height: normal; margin-right:10px; }
 input[value="Download"] {     border: 0;     background-color: transparent;     color: transparent;     margin-bottom: 10px;     background-image: url(../image/dwn.png);     font-size: 0;     height: 30px;     background-repeat: no-repeat;     background-size: 100%;     width: 30px;     line-height: normal; }
 input[value="DownloadNew"] {        margin-left: 60px; border: 0;     background-color: transparent;     color: transparent;     margin-bottom: 10px;     background-image: url(../image/dwn_2.png);     font-size: 0;     height: 30px;     background-repeat: no-repeat;     background-size: 100%;     width: 30px;     line-height: normal; }
 input[value="Desc"] {     border: 0;     background-color: transparent;     color: transparent;      background-image: url(../image/desc.png);     font-size: 0;     height: 30px;     background-repeat: no-repeat;     background-size: auto 100%; background-position:center center;     width: 30px;     line-height: normal; }
 input[value="Subpoint"] {     background-image: url(../image/point-icon.png);     border: 0;     background-color: transparent;     color: transparent;     font-size: 0;     height: 30px;     background-repeat: no-repeat;     background-size: auto 100%;  background-position:center center;    width: 30px;     line-height: normal; }
 
 
 .custom_cost_tbl textarea {     max-width: 130px; }
.position-st{position:static}
.position-st.btn-outer .btn-br {    position: absolute;    top: 0;    left: 0;}
.icon-save {     background-color: transparent;     color: #9e976e;     float: right;     font-size: 18px;     vertical-align: top;     padding-top: 0; border:0; padding-right: 0; padding-left:15px;}
.btn-lt {    float: left; padding-left:0} 
.btn-br {    padding-top: 10px;}
.content-fixed-inn.ficed {
    position: fixed;
    max-width: 340px;
    left: auto;
    right: auto;
    top: 145px;    z-index: 9999;

	}
	
.cke_inner.cke_reset.cke_maximized {min-height: 100vh;}
.cke_inner.cke_reset.cke_maximized .cke_contents.cke_reset {height: calc(100vh - 140px) !important;
    max-height: calc(100vh - 140px) !important;}
	

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable{z-index:999999;}

/* div#cke_6_contents{max-height:180px;} */
.container.cusHeader {position: relative;}
.logout a {color: #26a69a;}
.logout {position: absolute;right: 0;top: 15px;}

/*********** Ankaj Css Start Here *******************/
.saving_tax button.update_point_project {
    float: right;
    margin: 20px 0;
    background: #26a69a;
    border: 1px solid #26a69a;
    color: #fff;
    padding: 4px 16px;
}

.saving_tax h4 {
    display: inline-block;
}
.saving_tax button.update_point_project:hover {
    background: transparent;
    color: #26a69a;
}
.dialogWide .modal-content {
    left: 17%;
    max-width: 70%;
}
.dialogWide table.table.projects_tbl {
    height: 370px;
    display: inline-block;
    width: 100%;
    overflow: auto;
}
/*********** Ankaj Css End Here *******************/

 /*---------------------------------media query---------------------------*/
@media (max-width: 767px) {
    .des { margin-top: 38%; }
    .dialogWide .modal-content {
        left: 0%;
        max-width: 100%;
    }
}

@media (min-width: 768px) {
	.modal-content { -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5); box-shadow: 0 5px 15px rgba(0,0,0,.5); max-width: 50%; left: 28%; top: 27%; }
    .form-horizontal .control-label { padding-top: 0; }
    .modal-dialog {
        width: 950px;
    }
}

.modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
.modal-header { padding: 7px 11px; background: #26a69a; border-bottom: 1px solid #e5e5e5; }
.modal-title { color: white; }
.modal-footer { padding: 5px 10px; }
.show { display: block; }
#alert { text-align: center; color: yellow; font-size: 22px; }
.table thead { background: #9e976e; }
.table thead th { color: #fff; border: 1px solid #e1e1e1; }
.table tr td { border: 1px solid #e1e1e1; }
.pdl0 { padding-left: 0 }
.head h4 { font-weight: 600; font-size: 14px; }
.ash { display: none !important }
.accordion-toggle { border-bottom: 1px solid #cccccc; cursor: pointer; font-weight: 600; font-size: 15px; margin: 0; padding: 10px 0; position: relative; background: #EEEEEE; padding: 13px 14px; margin-top: 6px; }
.accordion-toggle.active:after { content: ""; position: absolute; right: 9px; top: 17px; width: 0; height: 0; border-bottom: 5px solid #000; border-left: 5px solid rgba(0,0,0,0); border-right: 5px solid rgba(0,0,0,0); }
.accordion-toggle:before { content: ""; position: absolute; right: 9px; top: 17px; width: 0; height: 0; border-top: 5px solid #000; border-left: 5px solid rgba(0,0,0,0); border-right: 5px solid rgba(0,0,0,0); }
.accordion-toggle.active:before { display: none; }
.accordion-content { display: none; background: white; }
.accordion-toggle.active { color: #827d4d; }
table.table.tx_planning tr td input { width: 80px; padding-left:4px;padding-right:4px; }
table.table.tx_planning tr td input[type=checkbox] {     width: auto;     min-width: 25px; float:left }
.vertical-line { border-left: 1px solid black; height: 264px; position: absolute; left: 64%; margin-left: -3px; }
tr.odd{
	background: #6addd2;
}
tr.even{
	background: #cdf4f0;
}
nav div#navbar-brand-centered {padding-right:20px;
    background: #26a69a;width:calc(100% + 30px);margin-left:-15px;
    margin-top: -4px;
}
td.subpoint_row{
background: #faffbd;}
table.table.tx_planning tr td {
    min-width: 100px;
 
}
.together-in-icon table.table.tx_planning tr td input[type="text"] + a {
 
    max-width: 15px;
    float: left;
    margin-left: 2px;
}
div#cke_txtEditor + input + button.planning_btn, button.planning_btn, button.save_subpoint_desc_btn{
    position: absolute;margin-left:10px !important;
    left: 130px;
    bottom: 246px;
    z-index: 9999999999999999 !important;color:transparent;background:url(../image/save.png)no-repeat;border:none;
background-size:17px !important;}

button.save_subpoint_desc_btn{
	 left: 520px !important;
    bottom: 236px !important;
}
.together-in-icon table.table.tx_planning tr td input[type="number"] {margin-bottom:0 !important;}
.together-in-icon table.table.tx_planning tr td input[type="text"],.together-in-icon table.table.tx_planning tr td  input[type="number"] {
    width: calc(100% - 18px) !important;
    float: left;margin-bottom:0 !important;
}


.tx_planning td:first-child a.show_sub_desc {
    position: relative;
    top: -6px;
    font-size: 12px;
}
.tx_planning td:first-child a.ent_note {
    position: relative;
    bottom: -16px;
    right: -23px;
    font-size: 12px;
}
.tx_planning_content table.table.tx_planning tbody tr td:first-child {
 word-break:unset;   max-width: 270px;
}
.tx_planning.table>tbody>tr> td:first-child {
 
    height: 50px;
}


.content-fixed-inn.ficed div#cke_txtEditor + input + button.planning_btn,.content-fixed-inn.ficed  button.planning_btn {
    left: 115px;
}
button#cost_detail.btn-lt {margin-right: 0px;}
button.btn-lt {float: right;margin-right: 15px;}
.position-st.btn-outer .btn-br {left:unset;right: 30px;}

.together-in-icon table.table.tx_planning tr td input[type="text"] + a[title="Formula"] {
    height: 15px;
    padding: 0;
    margin-top: -4px;
}
div.tx_planning_content a.copy_to {
    margin-left: 3px;display:inline-block !important;
}
div.tx_planning_content a.copy_to i {
    font-size: 14px !important;
}

.tx_planning_content table.table.tx_planning tbody tr td:first-child{position:relative;text-align:left;}
.tx_planning td:first-child a.show_sub_desc {
    position: absolute;
    top: 3px;
    font-size: 12px;
}
.tx_planning td:first-child a.ent_note {
    position: relative;
    bottom: unset !important;
    right: 0px !important;
    font-size: 12px;
    top: 20px !important;
}
.tx_planning tr td:first-child a.ent_note, .tx_planning a.show_sub_desc, .tx_planning a.show_desc {
    display: block;
    max-width: 25px;
    float: right;
    padding: 0 6px 0 6px;
    position: absolute;
    right: 0px;
    top: 3px;
}





.content-fixed-inn.ficed div#cke_txtEditor .cke_top a {
    padding: 2px;
}
.content-fixed-inn.ficed + .content-fixed-inn.ficed {
    top: 250px;
}
label#default_section + .col-md-9 > p >span:first-child {
    vertical-align: top;
    min-width: 108px;
    display: inline-block;
}


.tx_planning tr td:first-child > i {
    width: 20px;
    display: inline-block;
    text-align: center;
}

.tx_planning tr td:first-child a.project_checklist {
    position: absolute;
    left: 35px;
    bottom: 0;
}
.tx_planning tr td:first-child a.show_desc {
    left: 52px;
    right: unset;
    bottom: 1px;
    top: unset;
}
.tx_planning tr td:first-child a.show_sub_desc{
    left: 53px;
    right: unset;
    bottom: 1px;
    top: unset;
}
body .tx_planning tr td:first-child a.ent_note {
    right: unset;
    left: 75px;
    bottom: 2px !important;
    top: unset !important;
}


/*---------------------------- media -----------------------*/

@media (min-width: 1367px){
	div.container {
    width: 98% !important;
}
}
@media (min-width: 1200px){
	
	div.container {width: 1220px;}
	
}
@-moz-document url-prefix() { 
  div#cke_txtEditor + input + button.planning_btn{ bottom: 252px;z-index: 999 !important;}
  
}
i.tick:before {
    display: inline-block;
    color: green;
    /* padding: 0 6px 0 0; */
    font-weight: bold;
    line-height: 4px;
    content: '\2713';
}

i.cross:before {
    content: '\274c';
    display: inline-block;
    /* color: green; */
    /* padding: 0 6px 0 0; */
    font-weight: bold;
    line-height: 4px;
}
table.table.custom_cost_tbl textarea {
    width: 547px;
    max-width: 547px;
}

/*star marked color*/
.star_marked_color{
    background: lightpink !important;
}

/*********** AnKAJ CSS HERE ***********/
span.marked_points {
    padding-left: 18px;
    display: inline-block;
}
select.show_hide_points, select.filter_points, select.filter_projects, select.filter_project_status {
    height: 34px;
    margin: 0 0 12px 0;
    width: 100%;
    max-width: 25%;
}
.editor-special form.tx_plan_form br {
    display: none;
}

.two_fixed {
    top: -80px;
    position: relative;
}
.Legal-title h4 {
    display: inline-block;
    float: left;
    padding-bottom: 12px;
}
.prjct-select {
    text-align: right;
    margin-top: 20px;
}
.Legal-title a.new-point {
    clear: both;
    padding: 9px 15px;
    background: #26a69a;
    margin-right: 15px;
    cursor: pointer;
}
.Legal-title label {
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}
.prjct-select {
    text-align: right;
    margin-top: 20px;
    display: inline-block;
    width: 50%;
    float: right;
}
.Legal-title a.new-point:hover label{
    color: #26a69a;
}
.Legal-title a.new-point:hover {
    background: transparent;
    border: 1px solid #26a69a;
}
select.filter_points, select.filter_projects, select.filter_project_status{
    max-width: 35%;
    z-index: 99;
    position: relative;
}
.display_none{
    display: none;
}
.loader_back{
	background-color: rgba(0,0,0,0.5);
    width: 100%;
    top: 150px;
    height: 100vh;
    position: absolute;
    z-index: 9;
    color: white;
    font-weight: bold;
    text-align: center;
}
.loader_back span{
    margin-top: 15px;;
}
.loader_back .loader {
    margin: 0 auto;
    margin-top:10%;
  border: 16px solid #f3f3fe;
  border-radius: 50%;
  border-top: 16px solid #000000;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

.download_3_1 {        
    margin-left: 60px;         
    line-height: normal; 
    display: inline-block;
    position: absolute;
    top: 0;
    cursor: pointer;
}

.download_3_1 i{
    font-size: 20px;
    color: green;
    background: white;
    border-radius: 50%;
    padding: 5px;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}