.rtl{
    direction: rtl;
}
.ltr{
    direction: ltr;
}
.color-none{
    color: none !important;
}

a.button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    text-decoration: none;
    color: initial;
}

.l1{
    font-weight: bold;
}

.wid-in
{
    width: 95%;
    font-weight: bold;
}
.min-width-85{
    min-width: 85px!important;
}

.autocomplete-custom-template li {
    border-bottom: 1px solid #ccc;
    height: auto !important;
    padding-top: 8px;
    padding-bottom: 8px;
    white-space: normal;
}
.autocomplete-custom-template li:last-child {
    border-bottom-width: 0;
}
.autocomplete-custom-template .item-title,
.autocomplete-custom-template .item-metadata {
    display: block;
    line-height: 2;
}
.autocomplete-custom-template .item-title md-icon {
    height: 18px;
    width: 18px;
}


.checkbox,
.checkbox-bird,
.checkbox-detailed,
.checkbox-slide,
.checkbox-toggle,
.radio {
    position: relative;
    /*margin-bottom: .75rem*/
}

.checkbox input,
.checkbox-bird input,
.checkbox-detailed input,
.checkbox-slide input,
.checkbox-toggle input,
.radio input {
    position: absolute;
    visibility: hidden
}

.checkbox input+label,
.checkbox-bird input+label,
.checkbox-detailed input+label,
.checkbox-slide input+label,
.checkbox-toggle input+label,
.radio input+label {
    position: relative;
    display: inline-block;
    font-size: 1rem;
    min-height: 18px;
    line-height: 18px;
    cursor: pointer
}

.checkbox input:disabled+label,
.checkbox-bird input:disabled+label,
.checkbox-detailed input:disabled+label,
.checkbox-slide input:disabled+label,
.checkbox-toggle input:disabled+label,
.radio input:disabled+label {
    cursor: not-allowed;
    color: #8e9fa7
}

.checkbox,
.radio {
    cursor: default
}

.checkbox input+label,
.radio input+label {
    z-index: 2;
    padding: 0 0 0 24px
}

.checkbox input+label:after,
.checkbox input+label:before,
.radio input+label:after,
.radio input+label:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0
}

.checkbox input+label:before,
.radio input+label:before {
    width: 16px;
    height: 16px;
    background: #fff;
    border: 1px solid #c5d6de
}

.checkbox input+label:hover:before,
.radio input+label:hover:before {
    background-color: #d9f2ff;
    border-color: #00a8ff
}

.checkbox input[type=checkbox]+label:after,
.radio input[type=checkbox]+label:after {
    display: inline-block;
    width: 16px;
    height: 16px;
    font-weight: 400!important;
    vertical-align: middle;
    position: absolute;
    text-align: center;
    top: 0;
    font-size: 11px;
    line-height: 16px
}

.checkbox input[type=checkbox]+label:before,
.radio input[type=checkbox]+label:before {
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.checkbox input[type=radio]+label:before,
.radio input[type=radio]+label:before {
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.checkbox input:checked+label:before,
.radio input:checked+label:before {
    border-color: #00a8ff
}

.checkbox input[type=checkbox]:checked+label:after,
.radio input[type=checkbox]:checked+label:after {
    content: "\22"
}

.checkbox input[type=radio]:checked+label:after,
.radio input[type=radio]:checked+label:after {
    width: 8px;
    height: 8px;
    background: #343434;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    left: 4px;
    top: 4px
}

.checkbox input:disabled+label:before,
.radio input:disabled+label:before {
    background-color: #eceff4;
    border-color: #dbe4eb
}

.checkbox input[type=checkbox]:disabled+label:after,
.radio input[type=checkbox]:disabled+label:after {
    color: rgba(52, 52, 52, .4)
}

.checkbox input[type=radio]:disabled+label:after,
.radio input[type=radio]:disabled+label:after {
    background-color: rgba(52, 52, 52, .4)
}

.checkbox.checkbox-only,
.radio.checkbox-only {
    padding: 0;
    width: 16px;
    height: 16px;
    margin: 0
}

.checkbox-slide input+label,
.checkbox-toggle input+label {
    padding: 0 0 0 52px
}

.checkbox-slide input+label:after,
.checkbox-slide input+label:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0
}

.checkbox-slide input+label:before {
    left: 1px;
    top: 7px;
    width: 42px;
    height: 4px;
    -webkit-border-radius: 25rem;
    border-radius: 25rem;
    background: #929faa;
    -webkit-transition: background .4s ease;
    -o-transition: background .4s ease;
    transition: background .4s ease
}

.checkbox-slide input+label:after {
    width: 20px;
    height: 20px;
    top: -1px;
    border: 1px solid #c5d6de;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: left .4s ease;
    -o-transition: left .4s ease;
    transition: left .4s ease;
    background: #fff;
    background: -webkit-linear-gradient(top, #fff 0, #e4f6ff 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e4f6ff));
    background: -o-linear-gradient(top, #fff 0, #e4f6ff 100%);
    background: linear-gradient(to bottom, #fff 0, #e4f6ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e4f6ff', GradientType=0)
}

.checkbox-slide input+label:hover:after {
    border-color: #00a8ff
}

.checkbox-slide input:checked+label:before {
    background-color: #343434
}

.checkbox-slide input:checked+label:after {
    left: 24px
}

.checkbox-slide input:disabled+label:before {
    background-color: #c6d6df
}

.checkbox-slide input:disabled+label:after {
    border-color: #c5d6de;
    background: -webkit-linear-gradient(top, #fcfefe 0, #edf2f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#fcfefe), to(#edf2f5));
    background: -o-linear-gradient(top, #fcfefe 0, #edf2f5 100%);
    background: linear-gradient(to bottom, #fcfefe 0, #edf2f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfefe', endColorstr='#edf2f5', GradientType=0)
}

.checkbox-toggle input+label:after,
.checkbox-toggle input+label:before {
    content: '';
    display: block;
    -webkit-border-radius: 25rem;
    border-radius: 25rem;
    position: absolute;
    left: 0;
    top: -1px;
    height: 20px
}

.checkbox-toggle input+label:before {
    width: 43px;
    background: #929faa;
    -webkit-transition: background .4s ease;
    -o-transition: background .4s ease;
    transition: background .4s ease
}

.checkbox-toggle input+label:after {
    width: 20px;
    border: 1px solid #929faa;
    -webkit-transition: left .4s ease;
    -o-transition: left .4s ease;
    transition: left .4s ease;
    background: #fff;
    background: -webkit-linear-gradient(top, #fff 0, #eef4f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eef4f7));
    background: -o-linear-gradient(top, #fff 0, #eef4f7 100%);
    background: linear-gradient(to bottom, #fff 0, #eef4f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eef4f7', GradientType=0)
}

.checkbox-toggle input+label:hover:after,
.checkbox-toggle input:checked+label:after {
    border-color: #00a8ff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e9f8ff', GradientType=0)
}

.checkbox-toggle input+label:hover:after {
    background: #fff;
    background: -webkit-linear-gradient(top, #fff 0, #e9f8ff 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e9f8ff));
    background: -o-linear-gradient(top, #fff 0, #e9f8ff 100%);
    background: linear-gradient(to bottom, #fff 0, #e9f8ff 100%)
}

.checkbox-toggle input:checked+label:before {
    background-color: #00a8ff
}

.checkbox-toggle input:checked+label:after {
    left: 23px;
    background: #fff;
    background: -webkit-linear-gradient(top, #fff 0, #e9f8ff 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e9f8ff));
    background: -o-linear-gradient(top, #fff 0, #e9f8ff 100%);
    background: linear-gradient(to bottom, #fff 0, #e9f8ff 100%)
}

.checkbox-toggle input:disabled+label:before {
    background-color: #dbe4eb
}

.checkbox-toggle input:disabled+label:after {
    border-color: #dbe4eb;
    background: #fff;
    background: -webkit-linear-gradient(top, #fff 0, #eef4f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eef4f7));
    background: -o-linear-gradient(top, #fff 0, #eef4f7 100%);
    background: linear-gradient(to bottom, #fff 0, #eef4f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eef4f7', GradientType=0)
}

.checkbox-toggle.-large {
    margin-top: 15px
}

.checkbox-toggle.-large input+label {
    padding: 0 0 0 69px;
    position: relative
}

.checkbox-toggle.-large input+label:after,
.checkbox-toggle.-large input+label:before {
    -webkit-border-radius: 35rem;
    border-radius: 35rem;
    height: 30px;
    position: absolute;
    top: -6px
}

.checkbox-toggle.-large input+label:before {
    width: 60px
}

.checkbox-toggle.-large input+label:after {
    width: 30px
}

.checkbox-toggle.-large input:checked+label:after {
    left: 30px
}

.checkbox-toggle.-extra-large {
    margin-top: 27px
}

.checkbox-toggle.-extra-large input+label {
    padding: 0 0 0 89px;
    position: relative
}

.checkbox-toggle.-extra-large input+label:after,
.checkbox-toggle.-extra-large input+label:before {
    -webkit-border-radius: 45rem;
    border-radius: 45rem;
    height: 40px;
    position: absolute;
    top: -12px
}

.checkbox-toggle.-extra-large input+label:before {
    width: 80px
}

.checkbox-toggle.-extra-large input+label:after {
    width: 40px
}

.checkbox-toggle.-extra-large input:checked+label:after {
    left: 40px
}

.checkbox-bird input+label {
    display: block;
    min-width: 20px;
    height: 20px;
    line-height: 20px;
    padding: 0 0 0 28px;
    position: relative
}

.checkbox-bird input+label:before {
    font-weight: 400!important;
    line-height: inherit;
    vertical-align: middle;
    content: "\55";
    color: rgba(173, 183, 190, .7);
    font-size: 1.125rem;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 20px;
    height: 20px
}

.checkbox-bird input:checked+label:before {
    color: #00a8ff
}

.checkbox-bird.grey input:checked+label:before {
    color: #6b7a85
}

.checkbox-bird.green input:checked+label:before {
    color: #46c35f
}

.checkbox-bird.purple input:checked+label:before {
    color: #ac6bec
}

.checkbox-bird.orange input:checked+label:before {
    color: #f29824
}

.checkbox-bird.red input:checked+label:before {
    color: #fa424a
}

.checkbox-detailed {
    display: inline-block;
    vertical-align: top;
    margin: 0 12px;
}

.checkbox-detailed input+label {
    width: 200px;
    height: 84px;
    border: 1px solid #d8e2e7;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 0 10px 0 50px;
    line-height: 1.4
}

.checkbox-detailed input+label:before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    border: 1px solid #c5d6de;
    position: absolute;
    left: 19px;
    top: 50%;
    margin-top: -6px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.checkbox-detailed input:checked+label {
    background-color: #e4f6fe;
    border-color: #00a8ff
}

.checkbox-detailed input:checked+label:before {
    border-color: #00a8ff;
    background-color: #00a8ff
}

.checkbox-detailed .checkbox-detailed-tbl {
    display: table;
    width: 100%;
    height: 100%
}

.checkbox-detailed .checkbox-detailed-cell {
    display: table-cell;
    vertical-align: middle;
    padding: 5px 0
}

.checkbox-detailed .checkbox-detailed-title {
    font-weight: 600;
    display: block
}

/**
* Loading Style
*/

#divLoading
{
    display : none;
}
#divLoading.show
{
    display : block;
    position : fixed;
    z-index: 100;
    background-image: url('/images/loading1.gif');
    /*background-color:#666;*/
    opacity : 1;
    background-repeat : no-repeat;
    background-position : center;
    left : 0;
    bottom : 0;
    right : 0;
    top : 0;
}
#loadinggif.show
{
    left : 50%;
    top : 50%;
    position : absolute;
    z-index : 101;
    width : 32px;
    height : 32px;
    margin-left : -16px;
    margin-top : -16px;
}
.table td.mark {
    background-color: #FCC859;
}
.table td.grade {
    background-color: #A2E17B;
}
.table td.rank {
    background-color: #EBB07E;
}
.table td.pass {
    background-color: #06ae1e;
    color: #FFF;
}
.table td.fail {
    background-color: #f32200;
    color: #FFF;
}
.table td.total {
    background-color: #008fc4;
    color: #FFF;
}
.table td.rank {
    background-color: #B35300;
    color: #FFF;
}
.table td.first {
    background-color: #C5FC59;
    color: #FFF;
}
.collapse-expend {
    padding: 2px !important;width: 25px !important;
}
.btn:focus,.badge:focus{
    outline: none;
}
.icon-width{
    width:50px; height:50px;
}

.top-space{ margin-top: 100px;
    z-index: 999 !important;
}
/*.modal-backdrop {
    display:none !important;
}*/

.video-width {
    width: 250px;
    height:150px;
}

.audio-width {
    width: 220px;
    
}

.notification-icon-width {
    width: 40px;
}

.file-max-msg {
    font-size: 11px;
    color: blue;
}

.circular-title-pad{
    padding-top: 9px;
    padding-bottom: 0px;
}
.multi-icon-menu>a>i {
    font-size: 2.5rem;
}