.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    text-align: center;
    &.alert-danger {
        background-color: #ff4136;
        border-color: #ff1103;
        color: #ffffff;
    }
    &.alert-success {
        background-color: #28b62c;
        border-color: #24a528;
        color: #ffffff;        
    }
    &.alert-warning {
      background-color: #ff851b;
      border-color: #ff7701;
      color: #ffffff;
    }    
    &.alert-info {
      background-color: #75caeb;
      border-color: #40b5e3;
      color: #ffffff;
    }    
    
    &.mini {
        padding: 5px;
        margin-top: 5px;        
        margin-bottom: 0px;        
    }
}

div#vote-auth {
    ul.vote-auth-validation-errors {
        margin-bottom: 0px;
        li {
            list-style: none;
        }
    }
    
}


div.special-or-last-answer-option-divider {
    h2 {
        width: 100%; 
        text-align: center; 
        border-bottom: 1px solid #dddddd;
        line-height: 0.1em;
        margin: 10px 0 20px; 
        span { 
            background:#fff; 
            padding:0 10px; 
        }           
    }
} 

.hide-border-bottom {
    border-bottom: 0px !important;
}

/*
form#confirm-vote-form {
    display: inline-block;
}

.vote-info.secret, .vote-info.proxy {
    #officer-info {
        margin-top: 10px;
        padding-top: 20px;
        border-top: 1px solid #dddddd;
    }
}
*/

button.button-primary {
    display: inline-block;
    vertical-align: top;
    background: #264d63;
    border: 1px solid #264d63;
    color: #fff;
    border-radius: 4px;
    margin: 0 2px 10px;
    padding: 0 15px;
    height: 36px;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
}

button.button-secondary {
    display: inline-block;
    vertical-align: top;
    background: #5cb4e5;
    border: 1px solid #5cb4e5;
    color: #fff;
    border-radius: 4px;
    margin: 0 2px 10px;
    padding: 0 15px;
    height: 36px;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
}

.nomination-registration {
    background-color: red;
    .main-frame .registration-form .register-row {
            padding: 0 0 0px;
    }    
    
    .iti {
        display: block;
    }
    div.field-phone {
        margin-bottom: 0px;
        .help-block {
            display: none;
        }
    }      
    
}

form#nomination-view-form {
    div.check-row div.help-block {
        color: red;
    }
    
    div.check-row {
        display: block;
    }
    
    div.declaration-check-boxes {
        input[type="checkbox"] {
            vertical-align: top;
        }
    }
    
    
}


.nomination-view-alert ul {
    justify-content: center; 
    display: grid;
}

.a-link-disabled {
    pointer-events: none;
}

.nomination-view .bootstrap-dialog .modal-dialog .modal-content {
    max-width: 680px;
}

.add-supporter-request-form {
    div.field-nomineeregistrationsupporter-supporter_type {
        margin-bottom: 15px;
        select#nomineeregistrationsupporter-supporter_type {
            margin-bottom: 0px;
        }
    }
    .request-row {
        padding-bottom: 0px;
    }
    
    .request-row.message-preview .field-nomineeregistrationsupporter-input_supporter_request_message div {
        width: 100%;
    }
    
    .iti {
        display: inherit;
    }
    
    div.field-nomineeregistrationsupporter-input_mobile_number {
        margin-bottom: 0px;
        .help-block {
            display: none;
        }
    }    
    
}

.support-form .btn-holder button.btn.reset {
    background: #d0d0d0;
    border: 1px solid #bfbfbf;
    color: #fff;
}    

.loader {
  border: 2px solid #f3f3f3; /* Light grey */
  border-top: 2px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 14px;
  height: 14px;
  animation: spin 2s linear infinite;
  display: inline-block;
}

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

div.meet-container {
    .meeting-table {
        .question-row  {
            span.individual-vote-submit-error {
                color: red;
            }
        }
    }
}

body {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

div#alert-virtual-meeting-index {
    padding: 23px 25px;
    margin: 0 -15px;    
    border-radius: 0px;
    text-align: left;
}

div.meeting-visitor-registration {
    .content-area.login-area.new .login-form .login-row {
        padding: 0 0 0px;
    }
}

.form-control {
    font-size: 16px;
}

@media screen and (max-width : 767px) {
    .content-area.login-area.new .login-form .login-row input {
        font-size: 18px;
    }    
    
    .open-close .opener, .open-close1 .opener {
        font-size: 24px;
    }    
    
    .open-close .slide, .open-close1 .slide {
        font-size: 14px;
    }
}

.questions-holder {
    padding: 0px 20px 45px 20px;
}

.meeting-table {
    dt {
        line-height: 1.6;
    }
    dd {
        line-height: 1.6;
    }
}

form#live-vote-card-mobile-number {
    div.iti.iti--allow-dropdown {
        width: 100%;
    }
}

form#nominee-update-statement-form {
    div.nomination-statement-section-checkbox-list {
        label {
            display: block;
        }
    }
    
}

div#nominations-update-statement .block .description p span { 
    display: inline;
}

div#nominations-update-statement .block .description p strong { 
    float: none;
    margin: auto;
    text-transform: initial;
}

div#meeting-question-main {
    div.heading {
        text-align: center;
        
    }
    .panel-default {
        .panel-heading
        {
            /*background-color: rgba(36,59,78, 0.9);*/
            background-color: #085e8d;
            color: white;
            a
            {
                color: white;
                font-variant: small-caps;
            }        
        }
    }
    button.btn-sm {
        margin: 5px;
    }
}

.ques-single:before {
	background: url(/images/icon-eye.svg) !important;
}



.ques-single {
    .btn-list {
        button {
            color: #4e4e4e;
            font-size: 12px;
            font-weight: 500;
            text-transform: uppercase;
            display: inline-block;
            background: #fff;
            border-radius: 8px;
            padding: 6px 10px;
            border: 1px solid #4e4e4e;
            min-width: 85px;
            text-align: center;
        }
        button:hover {
            background: #4e4e4e;
            color: #fff;
            text-decoration: none;
        }        
        button.notice {
            color: #de942f;
            border-color: #de942f;
        }        
        button.answered {
            color: #0fbf00;
            border-color: #0fbf00;
        }    
        button.notice:hover {
            color: #fff;
            background: #de942f;
        }    
        button.answered:hover {
            color: #fff;
            background: #0fbf00;
        }            
    }
}

.button_clicked
{
    opacity: 0.5;
}