body, html {
    color: #666;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    height: 100%;
}

thead {
    overflow-y: auto
}

#content-page {
    position: relative;
    margin-left: 15%;
    margin-right: 3%;
    height: 90vh;
}

.parts-panel {
    position: relative;
    margin-top: 5vh;
    margin-bottom: 5vh;
    width: 100%;
}

#list-questions, #list-categories, #list-quizzes, #list-users, #list-admins, #list-certifications, #list-forms, #list-feedbacks, #list-trainings, #list-attendances, #list-test-satisfaction {
    position: relative;
    margin: 0;
    height: 80vh;
}

#div-categories-table, #div-questions-table, #div-quizzes-table, #div-users-table, #div-admins-table, #div-forms-table, #div-trainings-table, .filter-list, #list-certif-plus-filter, #div-certifications-table, #list-feed-plus-filter, #div-feedbacks-table, #div-attendances-table, #div-test-satisfaction-table, #div-virtual-machines-table, #div-templates-VM-table {
    height: 78vh !important;

}

#div-categories-filter-questions-table, #div-quizzes-filter-certifications-table, #div-questions-filter-forms-table, #div-forms-filter-feedbacks-table {
    height: 72vh !important;
}

#div-regions-filter-virtual-machines-table {
    height: 50vh !important;
    min-height: 50vh !important;
    width: 20vh ! important;
}

#div-sections-filter-quizzes-table, #div-questions-filter-quizzes-table {
    height: 33vh;
}

#div-choose-categories {
    min-height: 200px !important;
    max-height: 200px !important;
    width: 100%;
}


h1, h2, h3, h4, h5, h6, .text-primary, label, .menu-vertical, thead, button {
    font-family: Economica, Arial, Helvetica, sans-serif;
}

#schedule-feed-title, #schedule-certif-title, #schedule-virtual-machine-title {
    color: #E2672A;
}

/*h3, h4, h5, h6, label, thead, button, .text-primary {
  font-family: Roboto, Arial, Helvetica, sans-serif;
}*/

.text-primary, label, .menu-vertical, thead {
    color: #666;
    font-size: 18px;
}

.modal-title {
    font-size: 22px;
}

button {
    font-size: 17px !important;
}

body .nano > .nano-content {
    padding: 3% !important;
}


/* Vertical menu */

#menu {
    /* position: fixed;*/
    width: 15em;
    margin-top: 0;
}

#home-logo {
    width: 100%;
}

.logo-menu-hor {
    height: 40px;
}

.logo-menu-vert {
    width: 40px;
}

.menu-vertical {
    width: 100%;
    list-style: none;
    padding: 4px;
    background: #F2F2F2;
    margin: 0 7% 0 0;
    overflow: auto;
}

.mv-item,
.mv-item a {
    display: block;
}

.mv-item p {
    margin: 1px 0;
    padding: 8px 20px;
    color: #666;
    background: #FFF;
    text-decoration: none;
    height: 15vh;
    vertical-align: middle;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    font-weight: 700;
}

.mv-item p:hover,
.mv-item p:focus {
    background: #ef771b;
    color: #FFF;
    padding-left: 30px;
}

/* Override Bootstrap style */

.btn-primary {
    background-color: #ef771b !important;
    border-color: #ef771b !important;
}

.btn-primary:hover {
    background-color: #dd5b02 !important;
}

.panel-default > .panel-heading {
    color: #ef771b !important;
    font-weight: 700;
    background-color: #f8f8f8;
}

.modal-header {
    color: #ef771b;
}

.form-control:focus {
    border-color: #ef771b;
    box-shadow: inset 0 1px 1px rgba(255, 165, 0, .075), 0 0 8px rgba(255, 165, 0, .6);
}

.form-control select:focus {
    background-color: #ef771b;
}

.btn-removeUsers {
    color: #ff0000;
    background-color: transparent;
    border-style: none;
}

.btn-removeUsers:hover {
    background-color: transparent;
    color: #cc0000;
    border-style: none;
}

.btn-addUsers {
    color: #00cc00;
    background-color: transparent;
    border-style: none;
}

.btn-addUsers:hover {
    background-color: transparent;
    color: #009900;
    border-style: none;
}

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

#div-questions-section-table, #div-questions-page-table {
    max-height: 500px !important;
    width: 70% !important;
}

.pane-section, .pane-page {
    height: 500px !important;
    max-height: 500px !important;
}

/* USERS */


#logout-admin, #logout-user {
    position: fixed;
    top: 5vh;
    right: 10em;
    z-index: 10;
}

.container {
    margin-top: 20vh;
    transform: translateY(-20%);
}

body .modal-dialog {
    width: 80%;
}

body #nav-users li a {
    font-size: 18px !important;
    font-family: Economica, Arial, Helvetica, sans-serif !important;
}

#content-portal {
    padding-top: 65px;
    padding-left: 2em;
    padding-right: 2em;
}

#clockdiv-certif {
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    color: #fff;
    display: inline-block;
    font-weight: 100;
    text-align: center;
    font-size: 50px;
}

#clockdiv-feed {
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    color: #fff;
    display: inline-block;
    font-weight: 100;
    text-align: center;
    font-size: 50px;
}

#clockdiv-certif > div {
    padding: 10px;
    border-radius: 3px;
    background: #e7e7e7;
    display: inline-block;
    opacity: 0.9;
}

#clockdiv-feed > div {
    padding: 10px;
    border-radius: 3px;
    background: #e7e7e7;
    display: inline-block;
    opacity: 0.9;
}

#clockdiv-certif div > span {
    padding: 15px;
    border-radius: 3px;
    background: #ef771b;
    display: inline-block;
}

#clockdiv-feed div > span {
    padding: 15px;
    border-radius: 3px;
    background: #ef771b;
    display: inline-block;
}

#clockdiv-certif .smalltext {
    padding-top: 5px;
    font-size: 16px;
    color: #ef771b;
}

#clockdiv-feed .smalltext {
    padding-top: 5px;
    font-size: 16px;
    color: #ef771b;
}

body .pan-home {
    border: 0;
}

.profile-title {
    color: #a0a0a2;
    font-size: 16px;
}


/* CERTIFICATION */

#preview-certification .preview-pages {
    padding-bottom: 15px;
    padding-top: 15px;
    width: 50px;
    font-weight: 300;
    text-align: center;
    font-size: 20px;
    border: 2px solid white;
    border-radius: 4px;
    background-color: #C00000;
    color: white;
}

/*#ef771b*/

#preview-certification .preview-pages.active {
    opacity: 0.4;
    font-weight: 500;
}

#preview-certification .preview-pages.active.completed {
    opacity: 0.4;
    font-weight: 500;
    background-color: #5cb85c;
}

#preview-certification .preview-pages.active.almost {
    opacity: 0.4;
    font-weight: 500;
    background-color: #ef771b;
}

#preview-certification .preview-pages.completed {
    background-color: #5cb85c;
}

#preview-certification .preview-pages.almost {
    background-color: #ef771b;
}

#preview-certification .preview-pages:hover {
    font-weight: 500;
    opacity: 0.5;
}

#preview-certification {
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    display: inline-block;
}

#timer-certification {
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    color: #fff;
    display: inline-block;
    font-weight: 100;
    text-align: center;
    font-size: 20px;
}

#timer-certification > div {
    padding: 10px;
    border-radius: 3px;
    background: #f8f8f8;
    display: inline-block;
}

#timer-certification div > span {
    padding: 15px;
    border-radius: 3px;
    background: #ef771b;
    display: inline-block;

}

#timer-certification .smalltext {
    padding-top: 5px;
    font-size: 16px;
    color: #ef771b;
}

/* FEEDBACK */

#preview-feedback .preview-pages {
    padding-bottom: 15px;
    padding-top: 15px;
    width: 50px;
    font-weight: 300;
    text-align: center;
    font-size: 20px;
    border: 2px solid white;
    border-radius: 4px;
    background-color: #aa0202;
    color: white;
}

/*#ef771b*/

#preview-feedback .preview-pages.active {
    opacity: 0.4;
    font-weight: 500;
}

#preview-feedback .preview-pages.active.completed {
    opacity: 0.4;
    font-weight: 500;
    background-color: #5cb85c;
}

#preview-feedback .preview-pages.active.almost {
    opacity: 0.4;
    font-weight: 500;
    background-color: #ef771b;
}

#preview-feedback .preview-pages.completed {
    background-color: #5cb85c;
}

#preview-feedback .preview-pages.almost {
    background-color: #ef771b;
}

#preview-feedback .preview-pages:hover {
    font-weight: 500;
    opacity: 0.5;
}

#preview-feedback {
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    display: inline-block;
}

#timer-feedback {
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    color: #fff;
    display: inline-block;
    font-weight: 100;
    text-align: center;
    font-size: 20px;
}

#timer-feedback > div {
    padding: 10px;
    border-radius: 3px;
    background: #f8f8f8;
    display: inline-block;
}

#timer-feedback div > span {
    padding: 15px;
    border-radius: 3px;
    background: #ef771b;
    display: inline-block;

}

#timer-feedback .smalltext {
    padding-top: 5px;
    font-size: 16px;
    color: #ef771b;
}


.dataTables_scrollHeadInner .table {
    margin-bottom: 0 !important;

}

.dataTables_wrapper div.row:last-child {
    display: none;
}

input[type=checkbox] {
    width: 16px;
    height: 16px;
}

.bootbox-confirm {
    width: 50%;
    margin-left: 25%;
    margin-top: 100px;
}

.modal-header .close span {
    font-size: 40px;
}

/* Attendance template */

header {
    text-transform: uppercase;
    background-color: #E2672A;
    color: white;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 80%;
    display: flex;
}

/*#attendances-panel {
  width: ;
}
*/
#main-title {
    text-align: right;
}

#attendance-logo {
    width: 500px;
}

#attendance-list-info {
    display: flex;
}

#attendance-list-info ul, #list-kurmi-infos ul {
    list-style-type: none
}

#attendance-table-users table {
    margin-left: 10px !important;
    margin-right: 10px;
    width: 3vw;
    display: table;
}

#attendance-table-users td, #attendance-table-users th {
    border: 1px solid black;
    padding: 10px;
}

footer {
    display: flex;
    font-size: 10px;
}

p.bordure_verticale {
    padding-right: 15px;
    border-right: 1px solid #343736;
}

/*
  VIRTUAL MACHINE
*/

#form-virtual-machines-id_virtual_machines_text_edit, #form-virtual-machines-region_virtual_machines_text_edit, #form-virtual-machines-image_name_virtual_machines_text_edit, #form-virtual-machines-image_id_virtual_machines_text_edit, #form-virtual-machines-flavor_name_virtual_machines_text_edit, #form-virtual-machines-flavor_id_virtual_machines_text_edit, #form-virtual-machines-keypair_virtual_machines_text_edit, #form-virtual-machines-status_virtual_machines_text_edit, #form-virtual-machines-availability_zone_virtual_machines_text_edit, #form-virtual-machines-task_virtual_machines_text_edit, #form-virtual-machines-power_state_virtual_machines_text_edit, #form-virtual-machines-time_since_created_virtual_machines_text_edit, #form-virtual-machines-ipv4_address_virtual_machines_text_edit, #form-virtual-machines-ipv6_address_virtual_machines_text_edit {
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
}

#tabs_Virtual_Machine {
    display: table;
    width: 20%;
    padding: 0;
}

#tabs_Virtual_Machine li {
    display: table-cell;
    width: 10%;
    height: 20px;
    background: #ebebe0;

}

.btn-next {
    background-color: inherit;
    color: #ef771b !important;
}

.btn-next:hover {
    color: #dd5b02 !important;
}


#tabs_Virtual_Machine li p {
    text-align: center;
}

#tabs_Virtual_Machine li:hover,
#tabs_Virtual_Machine li:focus {
    background: #ebebe0;
    box-shadow: 0 1px 0 #ebebe0 inset,
    0 -1px 0 hsl(26, 87%, 40%) inset,
    0 -2px 0 hsl(26, 87%, 45%) inset,
    0 -3px 0 hsl(26, 87%, 50%) inset,
    0 -4px 0 hsl(26, 87%, 55%) inset,
    0 -5px 0 hsl(26, 87%, 60%) inset;
    color: #ef771b;
}


.loader {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #3498db;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

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

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

.cssload-dots {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    outline: 1px solid red;
    filter: url(#goo);
    -o-filter: url(#goo);
    /*noinspection CssInvalidPropertyValue*/
    -ms-filter: url(#goo);
    -webkit-filter: url(#goo);
    -moz-filter: url(#goo);
}

.cssload-dot {
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.cssload-dot:before {
    content: "";
    width: 34px;
    height: 34px;
    border-radius: 49px;
    background: rgb(251, 211, 1);
    position: absolute;
    left: 50%;
    transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    margin-left: -17.5px;
    margin-top: -17.5px;
}


.cssload-dot:nth-child(5):before {
    z-index: 100;
    width: 45px;
    height: 45px;
    margin-left: -21.75px;
    margin-top: -21.75px;
    animation: cssload-dot-colors 4.6s ease infinite;
    -o-animation: cssload-dot-colors 4.6s ease infinite;
    -ms-animation: cssload-dot-colors 4.6s ease infinite;
    -webkit-animation: cssload-dot-colors 4.6s ease infinite;
    -moz-animation: cssload-dot-colors 4.6s ease infinite;
}


.cssload-dot:nth-child(1) {
    animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
    -o-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
    -ms-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
    -webkit-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
    -moz-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;
}

.cssload-dot:nth-child(1):before {
    background-color: rgb(255, 50, 112);
    animation: cssload-dot-move 4.6s 0s ease infinite;
    -o-animation: cssload-dot-move 4.6s 0s ease infinite;
    -ms-animation: cssload-dot-move 4.6s 0s ease infinite;
    -webkit-animation: cssload-dot-move 4.6s 0s ease infinite;
    -moz-animation: cssload-dot-move 4.6s 0s ease infinite;
}

.cssload-dot:nth-child(2) {
    animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
    -o-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
    -ms-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
    -webkit-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
    -moz-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;
}

.cssload-dot:nth-child(2):before {
    background-color: rgb(32, 139, 241);
    animation: cssload-dot-move 4.6s 1.15s ease infinite;
    -o-animation: cssload-dot-move 4.6s 1.15s ease infinite;
    -ms-animation: cssload-dot-move 4.6s 1.15s ease infinite;
    -webkit-animation: cssload-dot-move 4.6s 1.15s ease infinite;
    -moz-animation: cssload-dot-move 4.6s 1.15s ease infinite;
}

.cssload-dot:nth-child(3) {
    animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
    -o-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
    -ms-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
    -webkit-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
    -moz-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;
}

.cssload-dot:nth-child(3):before {
    background-color: rgb(175, 225, 2);
    animation: cssload-dot-move 4.6s 2.3s ease infinite;
    -o-animation: cssload-dot-move 4.6s 2.3s ease infinite;
    -ms-animation: cssload-dot-move 4.6s 2.3s ease infinite;
    -webkit-animation: cssload-dot-move 4.6s 2.3s ease infinite;
    -moz-animation: cssload-dot-move 4.6s 2.3s ease infinite;
}

.cssload-dot:nth-child(4) {
    animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
    -o-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
    -ms-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
    -webkit-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
    -moz-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;
}

.cssload-dot:nth-child(4):before {
    background-color: rgb(251, 211, 1);
    animation: cssload-dot-move 4.6s 3.45s ease infinite;
    -o-animation: cssload-dot-move 4.6s 3.45s ease infinite;
    -ms-animation: cssload-dot-move 4.6s 3.45s ease infinite;
    -webkit-animation: cssload-dot-move 4.6s 3.45s ease infinite;
    -moz-animation: cssload-dot-move 4.6s 3.45s ease infinite;
}

@keyframes cssload-dot-move {
    0% {
        transform: translateY(0);
    }
    18%, 22% {
        transform: translateY(-68px);
    }
    40%, 100% {
        transform: translateY(0);
    }
}

@-o-keyframes cssload-dot-move {
    0% {
        -o-transform: translateY(0);
    }
    18%, 22% {
        -o-transform: translateY(-68px);
    }
    40%, 100% {
        -o-transform: translateY(0);
    }
}

@-ms-keyframes cssload-dot-move {
    0% {
        -ms-transform: translateY(0);
    }
    18%, 22% {
        -ms-transform: translateY(-68px);
    }
    40%, 100% {
        -ms-transform: translateY(0);
    }
}

@-webkit-keyframes cssload-dot-move {
    0% {
        -webkit-transform: translateY(0);
    }
    18%, 22% {
        -webkit-transform: translateY(-68px);
    }
    40%, 100% {
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes cssload-dot-move {
    0% {
        -moz-transform: translateY(0);
    }
    18%, 22% {
        -moz-transform: translateY(-68px);
    }
    40%, 100% {
        -moz-transform: translateY(0);
    }
}

@keyframes cssload-dot-colors {
    0% {
        background-color: rgb(251, 211, 1);
    }
    25% {
        background-color: rgb(255, 50, 112);
    }
    50% {
        background-color: rgb(32, 139, 241);
    }
    75% {
        background-color: rgb(175, 225, 2);
    }
    100% {
        background-color: rgb(251, 211, 1);
    }
}

@-o-keyframes cssload-dot-colors {
    0% {
        background-color: rgb(251, 211, 1);
    }
    25% {
        background-color: rgb(255, 50, 112);
    }
    50% {
        background-color: rgb(32, 139, 241);
    }
    75% {
        background-color: rgb(175, 225, 2);
    }
    100% {
        background-color: rgb(251, 211, 1);
    }
}

@-ms-keyframes cssload-dot-colors {
    0% {
        background-color: rgb(251, 211, 1);
    }
    25% {
        background-color: rgb(255, 50, 112);
    }
    50% {
        background-color: rgb(32, 139, 241);
    }
    75% {
        background-color: rgb(175, 225, 2);
    }
    100% {
        background-color: rgb(251, 211, 1);
    }
}

@-webkit-keyframes cssload-dot-colors {
    0% {
        background-color: rgb(251, 211, 1);
    }
    25% {
        background-color: rgb(255, 50, 112);
    }
    50% {
        background-color: rgb(32, 139, 241);
    }
    75% {
        background-color: rgb(175, 225, 2);
    }
    100% {
        background-color: rgb(251, 211, 1);
    }
}

@-moz-keyframes cssload-dot-colors {
    0% {
        background-color: rgb(251, 211, 1);
    }
    25% {
        background-color: rgb(255, 50, 112);
    }
    50% {
        background-color: rgb(32, 139, 241);
    }
    75% {
        background-color: rgb(175, 225, 2);
    }
    100% {
        background-color: rgb(251, 211, 1);
    }
}

@keyframes cssload-dot-rotate-1 {
    0% {
        transform: rotate(-105deg);
    }
    100% {
        transform: rotate(270deg);
    }
}

@-o-keyframes cssload-dot-rotate-1 {
    0% {
        -o-transform: rotate(-105deg);
    }
    100% {
        -o-transform: rotate(270deg);
    }
}

@-ms-keyframes cssload-dot-rotate-1 {
    0% {
        -ms-transform: rotate(-105deg);
    }
    100% {
        -ms-transform: rotate(270deg);
    }
}

@-webkit-keyframes cssload-dot-rotate-1 {
    0% {
        -webkit-transform: rotate(-105deg);
    }
    100% {
        -webkit-transform: rotate(270deg);
    }
}

@-moz-keyframes cssload-dot-rotate-1 {
    0% {
        -moz-transform: rotate(-105deg);
    }
    100% {
        -moz-transform: rotate(270deg);
    }
}

@keyframes cssload-dot-rotate-2 {
    0% {
        transform: rotate(165deg);
    }
    100% {
        transform: rotate(540deg);
    }
}

@-o-keyframes cssload-dot-rotate-2 {
    0% {
        -o-transform: rotate(165deg);
    }
    100% {
        -o-transform: rotate(540deg);
    }
}

@-ms-keyframes cssload-dot-rotate-2 {
    0% {
        -ms-transform: rotate(165deg);
    }
    100% {
        -ms-transform: rotate(540deg);
    }
}

@-webkit-keyframes cssload-dot-rotate-2 {
    0% {
        -webkit-transform: rotate(165deg);
    }
    100% {
        -webkit-transform: rotate(540deg);
    }
}

@-moz-keyframes cssload-dot-rotate-2 {
    0% {
        -moz-transform: rotate(165deg);
    }
    100% {
        -moz-transform: rotate(540deg);
    }
}

@keyframes cssload-dot-rotate-3 {
    0% {
        transform: rotate(435deg);
    }
    100% {
        transform: rotate(810deg);
    }
}

@-o-keyframes cssload-dot-rotate-3 {
    0% {
        -o-transform: rotate(435deg);
    }
    100% {
        -o-transform: rotate(810deg);
    }
}

@-ms-keyframes cssload-dot-rotate-3 {
    0% {
        -ms-transform: rotate(435deg);
    }
    100% {
        -ms-transform: rotate(810deg);
    }
}

@-webkit-keyframes cssload-dot-rotate-3 {
    0% {
        -webkit-transform: rotate(435deg);
    }
    100% {
        -webkit-transform: rotate(810deg);
    }
}

@-moz-keyframes cssload-dot-rotate-3 {
    0% {
        -moz-transform: rotate(435deg);
    }
    100% {
        -moz-transform: rotate(810deg);
    }
}

@keyframes cssload-dot-rotate-4 {
    0% {
        transform: rotate(705deg);
    }
    100% {
        transform: rotate(1080deg);
    }
}

@-o-keyframes cssload-dot-rotate-4 {
    0% {
        -o-transform: rotate(705deg);
    }
    100% {
        -o-transform: rotate(1080deg);
    }
}

@-ms-keyframes cssload-dot-rotate-4 {
    0% {
        -ms-transform: rotate(705deg);
    }
    100% {
        -ms-transform: rotate(1080deg);
    }
}

@-webkit-keyframes cssload-dot-rotate-4 {
    0% {
        -webkit-transform: rotate(705deg);
    }
    100% {
        -webkit-transform: rotate(1080deg);
    }
}

@-moz-keyframes cssload-dot-rotate-4 {
    0% {
        -moz-transform: rotate(705deg);
    }
    100% {
        -moz-transform: rotate(1080deg);
    }
}

#loader-table-virtual-machines {
    margin-top: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#loader-form-templates-VM {
    display: flex;
    align-items: center;
    margin-top: 20%;
    justify-content: center;
}

#loader-form-virutal-machines-VM, #loader-table-templates {
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#msg-loader-table-virtual-machines, #msg-loader-table-templates {
    align-items: center;
    font-weight: bold;
}


@-moz-keyframes whirly-loader {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes whirly-loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes whirly-loader {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* :not(:required) hides this rule from IE9 and below */
.whirly-loader:not(:required) {
    overflow: hidden;
    position: relative;
    text-indent: -9999px;
    display: inline-block;
    width: 8px;
    height: 8px;
    background: transparent;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -moz-box-shadow: #ef771b 0 26px 0 6px, #ef771b 1px 26px 0 6px, #ef771b 2px 26px 0 6px, #ef771b 3px 26px 0 6px, #ef771b 4px 26px 0 6px, #ef771b 5px 26px 0 6px, #ef771b 5px 26px 0 6px, #ef771b 6px 26px 0 6px, #ef771b 7px 26px 0 5px, #ef771b 8px 25px 0 5px, #ef771b 9px 25px 0 5px, #ef771b 10px 25px 0 5px, #ef771b 11px 24px 0 5px, #ef771b 12px 24px 0 5px, #ef771b 13px 24px 0 5px, #ef771b 14px 23px 0 5px, #ef771b 14px 23px 0 5px, #ef771b 15px 22px 0 5px, #ef771b 16px 22px 0 5px, #ef771b 17px 21px 0 5px, #ef771b 18px 21px 0 5px, #ef771b 18px 20px 0 5px, #ef771b 19px 20px 0 5px, #ef771b 20px 19px 0 4px, #ef771b 21px 18px 0 4px, #ef771b 21px 18px 0 4px, #ef771b 22px 17px 0 4px, #ef771b 22px 16px 0 4px, #ef771b 23px 16px 0 4px, #ef771b 24px 15px 0 4px, #ef771b 24px 14px 0 4px, #ef771b 25px 13px 0 4px, #ef771b 25px 12px 0 4px, #ef771b 26px 11px 0 4px, #ef771b 26px 11px 0 4px, #ef771b 27px 10px 0 4px, #ef771b 27px 9px 0 4px, #ef771b 27px 8px 0 4px, #ef771b 28px 7px 0 3px, #ef771b 28px 6px 0 3px, #ef771b 28px 5px 0 3px, #ef771b 28px 4px 0 3px, #ef771b 29px 3px 0 3px, #ef771b 29px 2px 0 3px, #ef771b 29px 1px 0 3px, #ef771b 29px 0 0 3px, #ef771b 29px -1.01441px 0 3px, #ef771b 29px -2.03224px 0 3px, #ef771b 29px -3.05223px 0 3px, #ef771b 29px -4.07313px 0 3px, #ef771b 29px -5.09368px 0 3px, #ef771b 29px -6.1126px 0 3px, #ef771b 29px -7.12863px 0 3px, #ef771b 28px -8.14049px 0 2px, #ef771b 28px -9.1469px 0 2px, #ef771b 28px -10.1466px 0 2px, #ef771b 28px -11.1383px 0 2px, #ef771b 27px -12.12075px 0 2px, #ef771b 27px -13.09268px 0 2px, #ef771b 26px -14.05285px 0 2px, #ef771b 26px -15.0px 0 2px, #ef771b 25px -15.93291px 0 2px, #ef771b 25px -16.85035px 0 2px, #ef771b 24px -17.75111px 0 2px, #ef771b 24px -18.63402px 0 2px, #ef771b 23px -19.49789px 0 2px, #ef771b 23px -20.34157px 0 2px, #ef771b 22px -21.16393px 0 2px, #ef771b 21px -21.96384px 0 1px, #ef771b 20px -22.74023px 0 1px, #ef771b 20px -23.49203px 0 1px, #ef771b 19px -24.2182px 0 1px, #ef771b 18px -24.91772px 0 1px, #ef771b 17px -25.58963px 0 1px, #ef771b 16px -26.23295px 0 1px, #ef771b 16px -26.84679px 0 1px, #ef771b 15px -27.43024px 0 1px, #ef771b 14px -27.98245px 0 1px, #ef771b 13px -28.50262px 0 1px, #ef771b 12px -28.98995px 0 1px, #ef771b 11px -29.4437px 0 1px, #ef771b 10px -29.86317px 0 1px, #ef771b 9px -30.2477px 0 1px, #ef771b 8px -30.59666px 0 0, #ef771b 7px -30.90946px 0 0, #ef771b 5px -31.18558px 0 0, #ef771b 4px -31.42451px 0 0, #ef771b 3px -31.6258px 0 0, #ef771b 2px -31.78904px 0 0, #ef771b 1px -31.91388px 0 0, #ef771b 0 -32px 0 0, #ef771b -1.11911px -32.04713px 0 -0.06667px, #ef771b -2.24151px -32.05506px 0 -0.13333px, #ef771b -3.36582px -32.02361px 0 -0.2px, #ef771b -4.49065px -31.95265px 0 -0.26667px, #ef771b -5.61462px -31.84212px 0 -0.33333px, #ef771b -6.73634px -31.69198px 0 -0.4px, #ef771b -7.8544px -31.50227px 0 -0.46667px, #ef771b -8.9674px -31.27305px 0 -0.53333px, #ef771b -10.07395px -31.00444px 0 -0.6px, #ef771b -11.17266px -30.69663px 0 -0.66667px, #ef771b -12.26212px -30.34982px 0 -0.73333px, #ef771b -13.34096px -29.96429px 0 -0.8px, #ef771b -14.4078px -29.54036px 0 -0.86667px, #ef771b -15.46126px -29.07841px 0 -0.93333px, #ef771b -16.5px -28.57884px 0 -1px, #ef771b -17.52266px -28.04212px 0 -1.06667px, #ef771b -18.52792px -27.46878px 0 -1.13333px, #ef771b -19.51447px -26.85936px 0 -1.2px, #ef771b -20.48101px -26.21449px 0 -1.26667px, #ef771b -21.42625px -25.53481px 0 -1.33333px, #ef771b -22.34896px -24.82104px 0 -1.4px, #ef771b -23.2479px -24.07391px 0 -1.46667px, #ef771b -24.12186px -23.29421px 0 -1.53333px, #ef771b -24.96967px -22.48279px 0 -1.6px, #ef771b -25.79016px -21.64052px 0 -1.66667px, #ef771b -26.58223px -20.76831px 0 -1.73333px, #ef771b -27.34477px -19.86714px 0 -1.8px, #ef771b -28.07674px -18.938px 0 -1.86667px, #ef771b -28.7771px -17.98193px 0 -1.93333px, #ef771b -29.44486px -17.0px 0 -2px, #ef771b -30.07908px -15.99333px 0 -2.06667px, #ef771b -30.67884px -14.96307px 0 -2.13333px, #ef771b -31.24325px -13.91039px 0 -2.2px, #ef771b -31.7715px -12.83652px 0 -2.26667px, #ef771b -32.26278px -11.74269px 0 -2.33333px, #ef771b -32.71634px -10.63018px 0 -2.4px, #ef771b -33.13149px -9.5003px 0 -2.46667px, #ef771b -33.50755px -8.35437px 0 -2.53333px, #ef771b -33.84391px -7.19374px 0 -2.6px, #ef771b -34.14px -6.0198px 0 -2.66667px, #ef771b -34.39531px -4.83395px 0 -2.73333px, #ef771b -34.60936px -3.63759px 0 -2.8px, #ef771b -34.78173px -2.43218px 0 -2.86667px, #ef771b -34.91205px -1.21916px 0 -2.93333px, #ef771b -35px 0 0 -3px, #ef771b -35.04531px 1px 0 -3.06667px, #ef771b -35.04775px 2px 0 -3.13333px, #ef771b -35.00717px 4px 0 -3.2px, #ef771b -34.92345px 5px 0 -3.26667px, #ef771b -34.79654px 6px 0 -3.33333px, #ef771b -34.62643px 7px 0 -3.4px, #ef771b -34.41316px 9px 0 -3.46667px, #ef771b -34.15683px 10px 0 -3.53333px, #ef771b -33.85761px 11px 0 -3.6px, #ef771b -33.5157px 12px 0 -3.66667px, #ef771b -33.13137px 13px 0 -3.73333px, #ef771b -32.70493px 15px 0 -3.8px, #ef771b -32.23675px 16px 0 -3.86667px, #ef771b -31.72725px 17px 0 -3.93333px, #ef771b -31.17691px 18px 0 -4px, #ef771b -30.58627px 19px 0 -4.06667px, #ef771b -29.95589px 20px 0 -4.13333px, #ef771b -29.28642px 21px 0 -4.2px, #ef771b -28.57852px 22px 0 -4.26667px, #ef771b -27.83295px 23px 0 -4.33333px, #ef771b -27.05047px 24px 0 -4.4px, #ef771b -26.23192px 25px 0 -4.46667px, #ef771b -25.37819px 26px 0 -4.53333px, #ef771b -24.49018px 27px 0 -4.6px, #ef771b -23.56888px 28px 0 -4.66667px, #ef771b -22.6153px 29px 0 -4.73333px, #ef771b -21.6305px 30px 0 -4.8px, #ef771b -20.61558px 31px 0 -4.86667px, #ef771b -19.57168px 31px 0 -4.93333px, #ef771b -18.5px 32px 0 -5px, #ef771b -17.40175px 33px 0 -5.06667px, #ef771b -16.27818px 33px 0 -5.13333px, #ef771b -15.1306px 34px 0 -5.2px, #ef771b -13.96034px 35px 0 -5.26667px, #ef771b -12.76875px 35px 0 -5.33333px, #ef771b -11.55724px 36px 0 -5.4px, #ef771b -10.32721px 36px 0 -5.46667px, #ef771b -9.08014px 36px 0 -5.53333px, #ef771b -7.81748px 37px 0 -5.6px, #ef771b -6.54075px 37px 0 -5.66667px, #ef771b -5.25147px 37px 0 -5.73333px, #ef771b -3.95118px 38px 0 -5.8px, #ef771b -2.64145px 38px 0 -5.86667px, #ef771b -1.32385px 38px 0 -5.93333px;
    -webkit-box-shadow: #ef771b 0 26px 0 6px, #ef771b 1px 26px 0 6px, #ef771b 2px 26px 0 6px, #ef771b 3px 26px 0 6px, #ef771b 4px 26px 0 6px, #ef771b 5px 26px 0 6px, #ef771b 5px 26px 0 6px, #ef771b 6px 26px 0 6px, #ef771b 7px 26px 0 5px, #ef771b 8px 25px 0 5px, #ef771b 9px 25px 0 5px, #ef771b 10px 25px 0 5px, #ef771b 11px 24px 0 5px, #ef771b 12px 24px 0 5px, #ef771b 13px 24px 0 5px, #ef771b 14px 23px 0 5px, #ef771b 14px 23px 0 5px, #ef771b 15px 22px 0 5px, #ef771b 16px 22px 0 5px, #ef771b 17px 21px 0 5px, #ef771b 18px 21px 0 5px, #ef771b 18px 20px 0 5px, #ef771b 19px 20px 0 5px, #ef771b 20px 19px 0 4px, #ef771b 21px 18px 0 4px, #ef771b 21px 18px 0 4px, #ef771b 22px 17px 0 4px, #ef771b 22px 16px 0 4px, #ef771b 23px 16px 0 4px, #ef771b 24px 15px 0 4px, #ef771b 24px 14px 0 4px, #ef771b 25px 13px 0 4px, #ef771b 25px 12px 0 4px, #ef771b 26px 11px 0 4px, #ef771b 26px 11px 0 4px, #ef771b 27px 10px 0 4px, #ef771b 27px 9px 0 4px, #ef771b 27px 8px 0 4px, #ef771b 28px 7px 0 3px, #ef771b 28px 6px 0 3px, #ef771b 28px 5px 0 3px, #ef771b 28px 4px 0 3px, #ef771b 29px 3px 0 3px, #ef771b 29px 2px 0 3px, #ef771b 29px 1px 0 3px, #ef771b 29px 0 0 3px, #ef771b 29px -1.01441px 0 3px, #ef771b 29px -2.03224px 0 3px, #ef771b 29px -3.05223px 0 3px, #ef771b 29px -4.07313px 0 3px, #ef771b 29px -5.09368px 0 3px, #ef771b 29px -6.1126px 0 3px, #ef771b 29px -7.12863px 0 3px, #ef771b 28px -8.14049px 0 2px, #ef771b 28px -9.1469px 0 2px, #ef771b 28px -10.1466px 0 2px, #ef771b 28px -11.1383px 0 2px, #ef771b 27px -12.12075px 0 2px, #ef771b 27px -13.09268px 0 2px, #ef771b 26px -14.05285px 0 2px, #ef771b 26px -15.0px 0 2px, #ef771b 25px -15.93291px 0 2px, #ef771b 25px -16.85035px 0 2px, #ef771b 24px -17.75111px 0 2px, #ef771b 24px -18.63402px 0 2px, #ef771b 23px -19.49789px 0 2px, #ef771b 23px -20.34157px 0 2px, #ef771b 22px -21.16393px 0 2px, #ef771b 21px -21.96384px 0 1px, #ef771b 20px -22.74023px 0 1px, #ef771b 20px -23.49203px 0 1px, #ef771b 19px -24.2182px 0 1px, #ef771b 18px -24.91772px 0 1px, #ef771b 17px -25.58963px 0 1px, #ef771b 16px -26.23295px 0 1px, #ef771b 16px -26.84679px 0 1px, #ef771b 15px -27.43024px 0 1px, #ef771b 14px -27.98245px 0 1px, #ef771b 13px -28.50262px 0 1px, #ef771b 12px -28.98995px 0 1px, #ef771b 11px -29.4437px 0 1px, #ef771b 10px -29.86317px 0 1px, #ef771b 9px -30.2477px 0 1px, #ef771b 8px -30.59666px 0 0, #ef771b 7px -30.90946px 0 0, #ef771b 5px -31.18558px 0 0, #ef771b 4px -31.42451px 0 0, #ef771b 3px -31.6258px 0 0, #ef771b 2px -31.78904px 0 0, #ef771b 1px -31.91388px 0 0, #ef771b 0 -32px 0 0, #ef771b -1.11911px -32.04713px 0 -0.06667px, #ef771b -2.24151px -32.05506px 0 -0.13333px, #ef771b -3.36582px -32.02361px 0 -0.2px, #ef771b -4.49065px -31.95265px 0 -0.26667px, #ef771b -5.61462px -31.84212px 0 -0.33333px, #ef771b -6.73634px -31.69198px 0 -0.4px, #ef771b -7.8544px -31.50227px 0 -0.46667px, #ef771b -8.9674px -31.27305px 0 -0.53333px, #ef771b -10.07395px -31.00444px 0 -0.6px, #ef771b -11.17266px -30.69663px 0 -0.66667px, #ef771b -12.26212px -30.34982px 0 -0.73333px, #ef771b -13.34096px -29.96429px 0 -0.8px, #ef771b -14.4078px -29.54036px 0 -0.86667px, #ef771b -15.46126px -29.07841px 0 -0.93333px, #ef771b -16.5px -28.57884px 0 -1px, #ef771b -17.52266px -28.04212px 0 -1.06667px, #ef771b -18.52792px -27.46878px 0 -1.13333px, #ef771b -19.51447px -26.85936px 0 -1.2px, #ef771b -20.48101px -26.21449px 0 -1.26667px, #ef771b -21.42625px -25.53481px 0 -1.33333px, #ef771b -22.34896px -24.82104px 0 -1.4px, #ef771b -23.2479px -24.07391px 0 -1.46667px, #ef771b -24.12186px -23.29421px 0 -1.53333px, #ef771b -24.96967px -22.48279px 0 -1.6px, #ef771b -25.79016px -21.64052px 0 -1.66667px, #ef771b -26.58223px -20.76831px 0 -1.73333px, #ef771b -27.34477px -19.86714px 0 -1.8px, #ef771b -28.07674px -18.938px 0 -1.86667px, #ef771b -28.7771px -17.98193px 0 -1.93333px, #ef771b -29.44486px -17.0px 0 -2px, #ef771b -30.07908px -15.99333px 0 -2.06667px, #ef771b -30.67884px -14.96307px 0 -2.13333px, #ef771b -31.24325px -13.91039px 0 -2.2px, #ef771b -31.7715px -12.83652px 0 -2.26667px, #ef771b -32.26278px -11.74269px 0 -2.33333px, #ef771b -32.71634px -10.63018px 0 -2.4px, #ef771b -33.13149px -9.5003px 0 -2.46667px, #ef771b -33.50755px -8.35437px 0 -2.53333px, #ef771b -33.84391px -7.19374px 0 -2.6px, #ef771b -34.14px -6.0198px 0 -2.66667px, #ef771b -34.39531px -4.83395px 0 -2.73333px, #ef771b -34.60936px -3.63759px 0 -2.8px, #ef771b -34.78173px -2.43218px 0 -2.86667px, #ef771b -34.91205px -1.21916px 0 -2.93333px, #ef771b -35px 0 0 -3px, #ef771b -35.04531px 1px 0 -3.06667px, #ef771b -35.04775px 2px 0 -3.13333px, #ef771b -35.00717px 4px 0 -3.2px, #ef771b -34.92345px 5px 0 -3.26667px, #ef771b -34.79654px 6px 0 -3.33333px, #ef771b -34.62643px 7px 0 -3.4px, #ef771b -34.41316px 9px 0 -3.46667px, #ef771b -34.15683px 10px 0 -3.53333px, #ef771b -33.85761px 11px 0 -3.6px, #ef771b -33.5157px 12px 0 -3.66667px, #ef771b -33.13137px 13px 0 -3.73333px, #ef771b -32.70493px 15px 0 -3.8px, #ef771b -32.23675px 16px 0 -3.86667px, #ef771b -31.72725px 17px 0 -3.93333px, #ef771b -31.17691px 18px 0 -4px, #ef771b -30.58627px 19px 0 -4.06667px, #ef771b -29.95589px 20px 0 -4.13333px, #ef771b -29.28642px 21px 0 -4.2px, #ef771b -28.57852px 22px 0 -4.26667px, #ef771b -27.83295px 23px 0 -4.33333px, #ef771b -27.05047px 24px 0 -4.4px, #ef771b -26.23192px 25px 0 -4.46667px, #ef771b -25.37819px 26px 0 -4.53333px, #ef771b -24.49018px 27px 0 -4.6px, #ef771b -23.56888px 28px 0 -4.66667px, #ef771b -22.6153px 29px 0 -4.73333px, #ef771b -21.6305px 30px 0 -4.8px, #ef771b -20.61558px 31px 0 -4.86667px, #ef771b -19.57168px 31px 0 -4.93333px, #ef771b -18.5px 32px 0 -5px, #ef771b -17.40175px 33px 0 -5.06667px, #ef771b -16.27818px 33px 0 -5.13333px, #ef771b -15.1306px 34px 0 -5.2px, #ef771b -13.96034px 35px 0 -5.26667px, #ef771b -12.76875px 35px 0 -5.33333px, #ef771b -11.55724px 36px 0 -5.4px, #ef771b -10.32721px 36px 0 -5.46667px, #ef771b -9.08014px 36px 0 -5.53333px, #ef771b -7.81748px 37px 0 -5.6px, #ef771b -6.54075px 37px 0 -5.66667px, #ef771b -5.25147px 37px 0 -5.73333px, #ef771b -3.95118px 38px 0 -5.8px, #ef771b -2.64145px 38px 0 -5.86667px, #ef771b -1.32385px 38px 0 -5.93333px;
    box-shadow: #ef771b 0 26px 0 6px, #ef771b 1px 26px 0 6px, #ef771b 2px 26px 0 6px, #ef771b 3px 26px 0 6px, #ef771b 4px 26px 0 6px, #ef771b 5px 26px 0 6px, #ef771b 5px 26px 0 6px, #ef771b 6px 26px 0 6px, #ef771b 7px 26px 0 5px, #ef771b 8px 25px 0 5px, #ef771b 9px 25px 0 5px, #ef771b 10px 25px 0 5px, #ef771b 11px 24px 0 5px, #ef771b 12px 24px 0 5px, #ef771b 13px 24px 0 5px, #ef771b 14px 23px 0 5px, #ef771b 14px 23px 0 5px, #ef771b 15px 22px 0 5px, #ef771b 16px 22px 0 5px, #ef771b 17px 21px 0 5px, #ef771b 18px 21px 0 5px, #ef771b 18px 20px 0 5px, #ef771b 19px 20px 0 5px, #ef771b 20px 19px 0 4px, #ef771b 21px 18px 0 4px, #ef771b 21px 18px 0 4px, #ef771b 22px 17px 0 4px, #ef771b 22px 16px 0 4px, #ef771b 23px 16px 0 4px, #ef771b 24px 15px 0 4px, #ef771b 24px 14px 0 4px, #ef771b 25px 13px 0 4px, #ef771b 25px 12px 0 4px, #ef771b 26px 11px 0 4px, #ef771b 26px 11px 0 4px, #ef771b 27px 10px 0 4px, #ef771b 27px 9px 0 4px, #ef771b 27px 8px 0 4px, #ef771b 28px 7px 0 3px, #ef771b 28px 6px 0 3px, #ef771b 28px 5px 0 3px, #ef771b 28px 4px 0 3px, #ef771b 29px 3px 0 3px, #ef771b 29px 2px 0 3px, #ef771b 29px 1px 0 3px, #ef771b 29px 0 0 3px, #ef771b 29px -1.01441px 0 3px, #ef771b 29px -2.03224px 0 3px, #ef771b 29px -3.05223px 0 3px, #ef771b 29px -4.07313px 0 3px, #ef771b 29px -5.09368px 0 3px, #ef771b 29px -6.1126px 0 3px, #ef771b 29px -7.12863px 0 3px, #ef771b 28px -8.14049px 0 2px, #ef771b 28px -9.1469px 0 2px, #ef771b 28px -10.1466px 0 2px, #ef771b 28px -11.1383px 0 2px, #ef771b 27px -12.12075px 0 2px, #ef771b 27px -13.09268px 0 2px, #ef771b 26px -14.05285px 0 2px, #ef771b 26px -15.0px 0 2px, #ef771b 25px -15.93291px 0 2px, #ef771b 25px -16.85035px 0 2px, #ef771b 24px -17.75111px 0 2px, #ef771b 24px -18.63402px 0 2px, #ef771b 23px -19.49789px 0 2px, #ef771b 23px -20.34157px 0 2px, #ef771b 22px -21.16393px 0 2px, #ef771b 21px -21.96384px 0 1px, #ef771b 20px -22.74023px 0 1px, #ef771b 20px -23.49203px 0 1px, #ef771b 19px -24.2182px 0 1px, #ef771b 18px -24.91772px 0 1px, #ef771b 17px -25.58963px 0 1px, #ef771b 16px -26.23295px 0 1px, #ef771b 16px -26.84679px 0 1px, #ef771b 15px -27.43024px 0 1px, #ef771b 14px -27.98245px 0 1px, #ef771b 13px -28.50262px 0 1px, #ef771b 12px -28.98995px 0 1px, #ef771b 11px -29.4437px 0 1px, #ef771b 10px -29.86317px 0 1px, #ef771b 9px -30.2477px 0 1px, #ef771b 8px -30.59666px 0 0, #ef771b 7px -30.90946px 0 0, #ef771b 5px -31.18558px 0 0, #ef771b 4px -31.42451px 0 0, #ef771b 3px -31.6258px 0 0, #ef771b 2px -31.78904px 0 0, #ef771b 1px -31.91388px 0 0, #ef771b 0 -32px 0 0, #ef771b -1.11911px -32.04713px 0 -0.06667px, #ef771b -2.24151px -32.05506px 0 -0.13333px, #ef771b -3.36582px -32.02361px 0 -0.2px, #ef771b -4.49065px -31.95265px 0 -0.26667px, #ef771b -5.61462px -31.84212px 0 -0.33333px, #ef771b -6.73634px -31.69198px 0 -0.4px, #ef771b -7.8544px -31.50227px 0 -0.46667px, #ef771b -8.9674px -31.27305px 0 -0.53333px, #ef771b -10.07395px -31.00444px 0 -0.6px, #ef771b -11.17266px -30.69663px 0 -0.66667px, #ef771b -12.26212px -30.34982px 0 -0.73333px, #ef771b -13.34096px -29.96429px 0 -0.8px, #ef771b -14.4078px -29.54036px 0 -0.86667px, #ef771b -15.46126px -29.07841px 0 -0.93333px, #ef771b -16.5px -28.57884px 0 -1px, #ef771b -17.52266px -28.04212px 0 -1.06667px, #ef771b -18.52792px -27.46878px 0 -1.13333px, #ef771b -19.51447px -26.85936px 0 -1.2px, #ef771b -20.48101px -26.21449px 0 -1.26667px, #ef771b -21.42625px -25.53481px 0 -1.33333px, #ef771b -22.34896px -24.82104px 0 -1.4px, #ef771b -23.2479px -24.07391px 0 -1.46667px, #ef771b -24.12186px -23.29421px 0 -1.53333px, #ef771b -24.96967px -22.48279px 0 -1.6px, #ef771b -25.79016px -21.64052px 0 -1.66667px, #ef771b -26.58223px -20.76831px 0 -1.73333px, #ef771b -27.34477px -19.86714px 0 -1.8px, #ef771b -28.07674px -18.938px 0 -1.86667px, #ef771b -28.7771px -17.98193px 0 -1.93333px, #ef771b -29.44486px -17.0px 0 -2px, #ef771b -30.07908px -15.99333px 0 -2.06667px, #ef771b -30.67884px -14.96307px 0 -2.13333px, #ef771b -31.24325px -13.91039px 0 -2.2px, #ef771b -31.7715px -12.83652px 0 -2.26667px, #ef771b -32.26278px -11.74269px 0 -2.33333px, #ef771b -32.71634px -10.63018px 0 -2.4px, #ef771b -33.13149px -9.5003px 0 -2.46667px, #ef771b -33.50755px -8.35437px 0 -2.53333px, #ef771b -33.84391px -7.19374px 0 -2.6px, #ef771b -34.14px -6.0198px 0 -2.66667px, #ef771b -34.39531px -4.83395px 0 -2.73333px, #ef771b -34.60936px -3.63759px 0 -2.8px, #ef771b -34.78173px -2.43218px 0 -2.86667px, #ef771b -34.91205px -1.21916px 0 -2.93333px, #ef771b -35px 0 0 -3px, #ef771b -35.04531px 1px 0 -3.06667px, #ef771b -35.04775px 2px 0 -3.13333px, #ef771b -35.00717px 4px 0 -3.2px, #ef771b -34.92345px 5px 0 -3.26667px, #ef771b -34.79654px 6px 0 -3.33333px, #ef771b -34.62643px 7px 0 -3.4px, #ef771b -34.41316px 9px 0 -3.46667px, #ef771b -34.15683px 10px 0 -3.53333px, #ef771b -33.85761px 11px 0 -3.6px, #ef771b -33.5157px 12px 0 -3.66667px, #ef771b -33.13137px 13px 0 -3.73333px, #ef771b -32.70493px 15px 0 -3.8px, #ef771b -32.23675px 16px 0 -3.86667px, #ef771b -31.72725px 17px 0 -3.93333px, #ef771b -31.17691px 18px 0 -4px, #ef771b -30.58627px 19px 0 -4.06667px, #ef771b -29.95589px 20px 0 -4.13333px, #ef771b -29.28642px 21px 0 -4.2px, #ef771b -28.57852px 22px 0 -4.26667px, #ef771b -27.83295px 23px 0 -4.33333px, #ef771b -27.05047px 24px 0 -4.4px, #ef771b -26.23192px 25px 0 -4.46667px, #ef771b -25.37819px 26px 0 -4.53333px, #ef771b -24.49018px 27px 0 -4.6px, #ef771b -23.56888px 28px 0 -4.66667px, #ef771b -22.6153px 29px 0 -4.73333px, #ef771b -21.6305px 30px 0 -4.8px, #ef771b -20.61558px 31px 0 -4.86667px, #ef771b -19.57168px 31px 0 -4.93333px, #ef771b -18.5px 32px 0 -5px, #ef771b -17.40175px 33px 0 -5.06667px, #ef771b -16.27818px 33px 0 -5.13333px, #ef771b -15.1306px 34px 0 -5.2px, #ef771b -13.96034px 35px 0 -5.26667px, #ef771b -12.76875px 35px 0 -5.33333px, #ef771b -11.55724px 36px 0 -5.4px, #ef771b -10.32721px 36px 0 -5.46667px, #ef771b -9.08014px 36px 0 -5.53333px, #ef771b -7.81748px 37px 0 -5.6px, #ef771b -6.54075px 37px 0 -5.66667px, #ef771b -5.25147px 37px 0 -5.73333px, #ef771b -3.95118px 38px 0 -5.8px, #ef771b -2.64145px 38px 0 -5.86667px, #ef771b -1.32385px 38px 0 -5.93333px;
    -moz-animation: whirly-loader 1.25s infinite linear;
    -webkit-animation: whirly-loader 1.25s infinite linear;
    animation: whirly-loader 1.25s infinite linear;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 17px;
    width: 17px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #ef771b;
}

input:focus + .slider {
    box-shadow: 0 0 1px #ef771b;
}

input:checked + .slider:before {
    -webkit-transform: translateX(17px);
    -ms-transform: translateX(17px);
    transform: translateX(17px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 22px;
}

.slider.round:before {
    border-radius: 50%;
}