.bg-primary {
    background-color: #2196F3;
    border-color: #2196F3;
    color: #fff;
}

.bg-primary-300 {
    background-color: #64B5F6;
    border-color: #64B5F6;
    color: #fff;
}

.bg-primary-400 {
    background-color: #42A5F5;
    border-color: #42A5F5;
    color: #fff;
}

.bg-yellow-600 {
    background-color: #FFFF00;
    border-color: #FFFF00;
    color: #fff;
}

.bg-primary-600 {
    background-color: #1E88E5;
    border-color: #1E88E5;
    color: #fff;
}

.bg-primary-700 {
    background-color: #1976D2;
    border-color: #1976D2;
    color: #fff;
}

.bg-primary-800 {
    background-color: #1565C0;
    border-color: #1565C0;
    color: #fff;
}

.bg-danger {
    background-color: #F44336;
    border-color: #F44336;
    color: #fff;
}

.bg-danger-300 {
    background-color: #E57373;
    border-color: #E57373;
    color: #fff;
}

.bg-danger-400 {
    background-color: #EF5350;
    border-color: #EF5350;
    color: #fff;
}

.bg-danger-600 {
    background-color: #E53935;
    border-color: #E53935;
    color: #fff;
}

.bg-danger-700 {
    background-color: #D32F2F;
    border-color: #D32F2F;
    color: #fff;
}

.bg-danger-800 {
    background-color: #C62828;
    border-color: #C62828;
    color: #fff;
}

.bg-success {
    background-color: #4CAF50;
    border-color: #4CAF50;
    color: #fff;
}

.bg-success-300 {
    background-color: #81C784;
    border-color: #81C784;
    color: #fff;
}

.bg-success-400 {
    background-color: #66BB6A;
    border-color: #66BB6A;
    color: #fff;
}

.bg-success-600 {
    background-color: #43A047;
    border-color: #43A047;
    color: #fff;
}

.bg-success-700 {
    background-color: #388E3C;
    border-color: #388E3C;
    color: #fff;
}

.bg-success-800 {
    background-color: #2E7D32;
    border-color: #2E7D32;
    color: #fff;
}

.bg-warning {
    background-color: #FF5722;
    border-color: #FF5722;
    color: #fff;
}

.bg-warning-300 {
    background-color: #FF8A65;
    border-color: #FF8A65;
    color: #fff;
}

.bg-warning-400 {
    background-color: #FF7043;
    border-color: #FF7043;
    color: #fff;
}

.bg-warning-600 {
    background-color: #F4511E;
    border-color: #F4511E;
    color: #fff;
}

.bg-warning-700 {
    background-color: #E64A19;
    border-color: #E64A19;
    color: #fff;
}

.bg-warning-800 {
    background-color: #D84315;
    border-color: #D84315;
    color: #fff;
}

.bg-info {
    background-color: #00BCD4;
    border-color: #00BCD4;
    color: #fff;
}

.bg-info-300 {
    background-color: #4DD0E1;
    border-color: #4DD0E1;
    color: #fff;
}

.bg-info-400 {
    background-color: #26C6DA;
    border-color: #26C6DA;
    color: #fff;
}

.bg-info-600 {
    background-color: #00ACC1;
    border-color: #00ACC1;
    color: #fff;
}

.bg-info-700 {
    background-color: #0097A7;
    border-color: #0097A7;
    color: #fff;
}

.bg-info-800 {
    background-color: #00838F;
    border-color: #00838F;
    color: #fff;
}

.bg-pink {
    background-color: #E91E63;
    border-color: #E91E63;
    color: #fff;
}

.bg-pink-300 {
    background-color: #F06292;
    border-color: #F06292;
    color: #fff;
}

.bg-pink-400 {
    background-color: #EC407A;
    border-color: #EC407A;
    color: #fff;
}

.bg-pink-600 {
    background-color: #D81B60;
    border-color: #D81B60;
    color: #fff;
}

.bg-pink-700 {
    background-color: #C2185B;
    border-color: #C2185B;
    color: #fff;
}

.bg-pink-800 {
    background-color: #AD1457;
    border-color: #AD1457;
    color: #fff;
}

.bg-violet {
    background-color: #9C27B0;
    border-color: #9C27B0;
    color: #fff;
}

.bg-violet-300 {
    background-color: #BA68C8;
    border-color: #BA68C8;
    color: #fff;
}

.bg-violet-400 {
    background-color: #AB47BC;
    border-color: #AB47BC;
    color: #fff;
}

.bg-violet-600 {
    background-color: #8E24AA;
    border-color: #8E24AA;
    color: #fff;
}

.bg-violet-700 {
    background-color: #7B1FA2;
    border-color: #7B1FA2;
    color: #fff;
}

.bg-violet-800 {
    background-color: #6A1B9A;
    border-color: #6A1B9A;
    color: #fff;
}

.bg-purple {
    background-color: #673AB7;
    border-color: #673AB7;
    color: #fff;
}

.bg-purple-300 {
    background-color: #9575CD;
    border-color: #9575CD;
    color: #fff;
}

.bg-purple-400 {
    background-color: #7E57C2;
    border-color: #7E57C2;
    color: #fff;
}

.bg-purple-600 {
    background-color: #5E35B1;
    border-color: #5E35B1;
    color: #fff;
}

.bg-purple-700 {
    background-color: #512DA8;
    border-color: #512DA8;
    color: #fff;
}

.bg-purple-800 {
    background-color: #4527A0;
    border-color: #4527A0;
    color: #fff;
}

.bg-indigo {
    background-color: #3F51B5;
    border-color: #3F51B5;
    color: #fff;
}

.bg-indigo-300 {
    background-color: #7986CB;
    border-color: #7986CB;
    color: #fff;
}

.bg-indigo-400 {
    background-color: #5C6BC0;
    border-color: #5C6BC0;
    color: #fff;
}

.bg-indigo-600 {
    background-color: #3949AB;
    border-color: #3949AB;
    color: #fff;
}

.bg-indigo-700 {
    background-color: #303F9F;
    border-color: #303F9F;
    color: #fff;
}

.bg-indigo-800 {
    background-color: #283593;
    border-color: #283593;
    color: #fff;
}

.bg-blue {
    background-color: #03A9F4;
    border-color: #03A9F4;
    color: #fff;
}

.bg-blue-300 {
    background-color: #4FC3F7;
    border-color: #4FC3F7;
    color: #fff;
}

.bg-blue-400 {
    background-color: #29B6F6;
    border-color: #29B6F6;
    color: #fff;
}

.bg-blue-600 {
    background-color: #039BE5;
    border-color: #039BE5;
    color: #fff;
}

.bg-blue-700 {
    background-color: #0288D1;
    border-color: #0288D1;
    color: #fff;
}

.bg-blue-800 {
    background-color: #0277BD;
    border-color: #0277BD;
    color: #fff;
}

.bg-teal {
    background-color: #009688;
    border-color: #009688;
    color: #fff;
}

.bg-teal-300 {
    background-color: #4DB6AC;
    border-color: #4DB6AC;
    color: #fff;
}

.bg-teal-400 {
    background-color: #26A69A;
    border-color: #26A69A;
    color: #fff;
}

.bg-teal-600 {
    background-color: #00897B;
    border-color: #00897B;
    color: #fff;
}

.bg-teal-700 {
    background-color: #00796B;
    border-color: #00796B;
    color: #fff;
}

.bg-teal-800 {
    background-color: #00695C;
    border-color: #00695C;
    color: #fff;
}

.bg-green {
    background-color: #8BC34A;
    border-color: #8BC34A;
    color: #fff;
}

.bg-green-300 {
    background-color: #AED581;
    border-color: #AED581;
    color: #fff;
}

.bg-green-400 {
    background-color: #9CCC65;
    border-color: #9CCC65;
    color: #fff;
}

.bg-green-600 {
    background-color: #7CB342;
    border-color: #7CB342;
    color: #fff;
}

.bg-green-700 {
    background-color: #689F38;
    border-color: #689F38;
    color: #fff;
}

.bg-green-800 {
    background-color: #558B2F;
    border-color: #558B2F;
    color: #fff;
}

.bg-orange {
    background-color: #FF9800;
    border-color: #FF9800;
    color: #fff;
}

.bg-orange-300 {
    background-color: #FFB74D;
    border-color: #FFB74D;
    color: #fff;
}

.bg-orange-400 {
    background-color: #FFA726;
    border-color: #FFA726;
    color: #fff;
}

.bg-orange-600 {
    background-color: #FB8C00;
    border-color: #FB8C00;
    color: #fff;
}

.bg-orange-700 {
    background-color: #F57C00;
    border-color: #F57C00;
    color: #fff;
}

.bg-orange-800 {
    background-color: #EF6C00;
    border-color: #EF6C00;
    color: #fff;
}

.bg-brown {
    background-color: #795548;
    border-color: #795548;
    color: #fff;
}

.bg-brown-300 {
    background-color: #A1887F;
    border-color: #A1887F;
    color: #fff;
}

.bg-brown-400 {
    background-color: #8D6E63;
    border-color: #8D6E63;
    color: #fff;
}

.bg-brown-600 {
    background-color: #6D4C41;
    border-color: #6D4C41;
    color: #fff;
}

.bg-brown-700 {
    background-color: #5D4037;
    border-color: #5D4037;
    color: #fff;
}

.bg-brown-800 {
    background-color: #4E342E;
    border-color: #4E342E;
    color: #fff;
}

.bg-grey {
    background-color: #777;
    border-color: #777;
    color: #fff;
}

.bg-grey-300 {
    background-color: #999;
    border-color: #999;
    color: #fff;
}

.bg-grey-400 {
    background-color: #888;
    border-color: #888;
    color: #fff;
}

.bg-grey-600 {
    background-color: #666;
    border-color: #666;
    color: #fff;
}

.bg-grey-700 {
    background-color: #555;
    border-color: #555;
    color: #fff;
}

.bg-grey-800 {
    background-color: #444;
    border-color: #444;
    color: #fff;
}

.bg-slate {
    background-color: #607D8B;
    border-color: #607D8B;
    color: #fff;
}

.bg-slate-300 {
    background-color: #90A4AE;
    border-color: #90A4AE;
    color: #fff;
}

.bg-slate-400 {
    background-color: #78909C;
    border-color: #78909C;
    color: #fff;
}

.bg-slate-600 {
    background-color: #546E7A;
    border-color: #546E7A;
    color: #fff;
}

.bg-slate-700 {
    background-color: #455A64;
    border-color: #455A64;
    color: #fff;
}

.bg-slate-800 {
    background-color: #37474F;
    border-color: #37474F;
    color: #fff;
}

.bg-white {
    background-color: #fff;
    color: #333;
}

.alpha-primary {
    background-color: #E3F2FD;
    border-color: #1E88E5;
}

.alpha-danger {
    background-color: #FFEBEE;
    border-color: #E53935;
}

.alpha-success {
    background-color: #E8F5E9;
    border-color: #43A047;
}

.alpha-warning {
    background-color: #FBE9E7;
    border-color: #F4511E;
}

.alpha-info {
    background-color: #E0F7FA;
    border-color: #00ACC1;
}

.alpha-pink {
    background-color: #FCE4EC;
    border-color: #D81B60;
}

.alpha-violet {
    background-color: #F3E5F5;
    border-color: #8E24AA;
}

.alpha-purple {
    background-color: #EDE7F6;
    border-color: #5E35B1;
}

.alpha-indigo {
    background-color: #E8EAF6;
    border-color: #3949AB;
}

.alpha-blue {
    background-color: #E1F5FE;
    border-color: #039BE5;
}

.alpha-teal {
    background-color: #E0F2F1;
    border-color: #00897B;
}

.alpha-green {
    background-color: #F1F8E9;
    border-color: #7CB342;
}

.alpha-orange {
    background-color: #FFF3E0;
    border-color: #FB8C00;
}

.alpha-brown {
    background-color: #EFEBE9;
    border-color: #6D4C41;
}

.alpha-grey {
    background-color: #FAFAFA;
    border-color: #666;
}

.alpha-slate {
    background-color: #ECEFF1;
    border-color: #546E7A;
}

.border-primary {
    border-color: #2196F3;
}

.border-primary-300 {
    border-color: #64B5F6;
}

.border-primary-400 {
    border-color: #42A5F5;
}

.border-primary-600 {
    border-color: #1E88E5;
}

.border-primary-700 {
    border-color: #1976D2;
}

.border-primary-800 {
    border-color: #1565C0;
}

.border-danger {
    border-color: #F44336;
}

.border-danger-300 {
    border-color: #E57373;
}

.border-danger-400 {
    border-color: #EF5350;
}

.border-danger-600 {
    border-color: #E53935;
}

.border-danger-700 {
    border-color: #D32F2F;
}

.border-danger-800 {
    border-color: #C62828;
}

.border-success {
    border-color: #4CAF50;
}

.border-success-300 {
    border-color: #81C784;
}

.border-success-400 {
    border-color: #66BB6A;
}

.border-success-600 {
    border-color: #43A047;
}

.border-success-700 {
    border-color: #388E3C;
}

.border-success-800 {
    border-color: #2E7D32;
}

.border-warning {
    border-color: #FF5722;
}

.border-warning-300 {
    border-color: #FF8A65;
}

.border-warning-400 {
    border-color: #FF7043;
}

.border-warning-600 {
    border-color: #F4511E;
}

.border-warning-700 {
    border-color: #E64A19;
}

.border-warning-800 {
    border-color: #D84315;
}

.border-info {
    border-color: #00BCD4;
}

.border-info-300 {
    border-color: #4DD0E1;
}

.border-info-400 {
    border-color: #26C6DA;
}

.border-info-600 {
    border-color: #00ACC1;
}

.border-info-700 {
    border-color: #0097A7;
}

.border-info-800 {
    border-color: #00838F;
}

.border-pink {
    border-color: #E91E63;
}

.border-pink-300 {
    border-color: #F06292;
}

.border-pink-400 {
    border-color: #EC407A;
}

.border-pink-600 {
    border-color: #D81B60;
}

.border-pink-700 {
    border-color: #C2185B;
}

.border-pink-800 {
    border-color: #AD1457;
}

.border-violet {
    border-color: #9C27B0;
}

.border-violet-300 {
    border-color: #BA68C8;
}

.border-violet-400 {
    border-color: #AB47BC;
}

.border-violet-600 {
    border-color: #8E24AA;
}

.border-violet-700 {
    border-color: #7B1FA2;
}

.border-violet-800 {
    border-color: #6A1B9A;
}

.border-purple {
    border-color: #673AB7;
}

.border-purple-300 {
    border-color: #9575CD;
}

.border-purple-400 {
    border-color: #7E57C2;
}

.border-purple-600 {
    border-color: #5E35B1;
}

.border-purple-700 {
    border-color: #512DA8;
}

.border-purple-800 {
    border-color: #4527A0;
}

.border-indigo {
    border-color: #3F51B5;
}

.border-indigo-300 {
    border-color: #7986CB;
}

.border-indigo-400 {
    border-color: #5C6BC0;
}

.border-indigo-600 {
    border-color: #3949AB;
}

.border-indigo-700 {
    border-color: #303F9F;
}

.border-indigo-800 {
    border-color: #283593;
}

.border-blue {
    border-color: #03A9F4;
}

.border-blue-300 {
    border-color: #4FC3F7;
}

.border-blue-400 {
    border-color: #29B6F6;
}

.border-blue-600 {
    border-color: #039BE5;
}

.border-blue-700 {
    border-color: #0288D1;
}

.border-blue-800 {
    border-color: #0277BD;
}

.border-teal {
    border-color: #009688;
}

.border-teal-300 {
    border-color: #4DB6AC;
}

.border-teal-400 {
    border-color: #26A69A;
}

.border-teal-600 {
    border-color: #00897B;
}

.border-teal-700 {
    border-color: #00796B;
}

.border-teal-800 {
    border-color: #00695C;
}

.border-green {
    border-color: #8BC34A;
}

.border-green-300 {
    border-color: #AED581;
}

.border-green-400 {
    border-color: #9CCC65;
}

.border-green-600 {
    border-color: #7CB342;
}

.border-green-700 {
    border-color: #689F38;
}

.border-green-800 {
    border-color: #558B2F;
}

.border-orange {
    border-color: #FF9800;
}

.border-orange-300 {
    border-color: #FFB74D;
}

.border-orange-400 {
    border-color: #FFA726;
}

.border-orange-600 {
    border-color: #FB8C00;
}

.border-orange-700 {
    border-color: #F57C00;
}

.border-orange-800 {
    border-color: #EF6C00;
}

.border-brown {
    border-color: #795548;
}

.border-brown-300 {
    border-color: #A1887F;
}

.border-brown-400 {
    border-color: #8D6E63;
}

.border-brown-600 {
    border-color: #6D4C41;
}

.border-brown-700 {
    border-color: #5D4037;
}

.border-brown-800 {
    border-color: #4E342E;
}

.border-grey {
    border-color: #777;
}

.border-grey-300 {
    border-color: #999;
}

.border-grey-400 {
    border-color: #888;
}

.border-grey-600 {
    border-color: #666;
}

.border-grey-700 {
    border-color: #555;
}

.border-grey-800 {
    border-color: #444;
}

.border-slate {
    border-color: #607D8B;
}

.border-slate-300 {
    border-color: #90A4AE;
}

.border-slate-400 {
    border-color: #78909C;
}

.border-slate-600 {
    border-color: #546E7A;
}

.border-slate-700 {
    border-color: #455A64;
}

.border-slate-800 {
    border-color: #37474F;
}

.border-white {
    border-color: #fff;
}

.border-default {
    border-color: #ddd;
}

.border-top-primary {
    border-top-color: #2196F3;
}

.border-top-primary-300 {
    border-top-color: #64B5F6;
}

.border-top-primary-400 {
    border-top-color: #42A5F5;
}

.border-top-primary-600 {
    border-top-color: #1E88E5;
}

.border-top-primary-700 {
    border-top-color: #1976D2;
}

.border-top-primary-800 {
    border-top-color: #1565C0;
}

.border-top-danger {
    border-top-color: #F44336;
}

.border-top-danger-300 {
    border-top-color: #E57373;
}

.border-top-danger-400 {
    border-top-color: #EF5350;
}

.border-top-danger-600 {
    border-top-color: #E53935;
}

.border-top-danger-700 {
    border-top-color: #D32F2F;
}

.border-top-danger-800 {
    border-top-color: #C62828;
}

.border-top-success {
    border-top-color: #4CAF50;
}

.border-top-success-300 {
    border-top-color: #81C784;
}

.border-top-success-400 {
    border-top-color: #66BB6A;
}

.border-top-success-600 {
    border-top-color: #43A047;
}

.border-top-success-700 {
    border-top-color: #388E3C;
}

.border-top-success-800 {
    border-top-color: #2E7D32;
}

.border-top-warning {
    border-top-color: #FF5722;
}

.border-top-warning-300 {
    border-top-color: #FF8A65;
}

.border-top-warning-400 {
    border-top-color: #FF7043;
}

.border-top-warning-600 {
    border-top-color: #F4511E;
}

.border-top-warning-700 {
    border-top-color: #E64A19;
}

.border-top-warning-800 {
    border-top-color: #D84315;
}

.border-top-info {
    border-top-color: #00BCD4;
}

.border-top-info-300 {
    border-top-color: #4DD0E1;
}

.border-top-info-400 {
    border-top-color: #26C6DA;
}

.border-top-info-600 {
    border-top-color: #00ACC1;
}

.border-top-info-700 {
    border-top-color: #0097A7;
}

.border-top-info-800 {
    border-top-color: #00838F;
}

.border-top-pink {
    border-top-color: #E91E63;
}

.border-top-pink-300 {
    border-top-color: #F06292;
}

.border-top-pink-400 {
    border-top-color: #EC407A;
}

.border-top-pink-600 {
    border-top-color: #D81B60;
}

.border-top-pink-700 {
    border-top-color: #C2185B;
}

.border-top-pink-800 {
    border-top-color: #AD1457;
}

.border-top-violet {
    border-top-color: #9C27B0;
}

.border-top-violet-300 {
    border-top-color: #BA68C8;
}

.border-top-violet-400 {
    border-top-color: #AB47BC;
}

.border-top-violet-600 {
    border-top-color: #8E24AA;
}

.border-top-violet-700 {
    border-top-color: #7B1FA2;
}

.border-top-violet-800 {
    border-top-color: #6A1B9A;
}

.border-top-purple {
    border-top-color: #673AB7;
}

.border-top-purple-300 {
    border-top-color: #9575CD;
}

.border-top-purple-400 {
    border-top-color: #7E57C2;
}

.border-top-purple-600 {
    border-top-color: #5E35B1;
}

.border-top-purple-700 {
    border-top-color: #512DA8;
}

.border-top-purple-800 {
    border-top-color: #4527A0;
}

.border-top-indigo {
    border-top-color: #3F51B5;
}

.border-top-indigo-300 {
    border-top-color: #7986CB;
}

.border-top-indigo-400 {
    border-top-color: #5C6BC0;
}

.border-top-indigo-600 {
    border-top-color: #3949AB;
}

.border-top-indigo-700 {
    border-top-color: #303F9F;
}

.border-top-indigo-800 {
    border-top-color: #283593;
}

.border-top-blue {
    border-top-color: #03A9F4;
}

.border-top-blue-300 {
    border-top-color: #4FC3F7;
}

.border-top-blue-400 {
    border-top-color: #29B6F6;
}

.border-top-blue-600 {
    border-top-color: #039BE5;
}

.border-top-blue-700 {
    border-top-color: #0288D1;
}

.border-top-blue-800 {
    border-top-color: #0277BD;
}

.border-top-teal {
    border-top-color: #009688;
}

.border-top-teal-300 {
    border-top-color: #4DB6AC;
}

.border-top-teal-400 {
    border-top-color: #26A69A;
}

.border-top-teal-600 {
    border-top-color: #00897B;
}

.border-top-teal-700 {
    border-top-color: #00796B;
}

.border-top-teal-800 {
    border-top-color: #00695C;
}

.border-top-green {
    border-top-color: #8BC34A;
}

.border-top-green-300 {
    border-top-color: #AED581;
}

.border-top-green-400 {
    border-top-color: #9CCC65;
}

.border-top-green-600 {
    border-top-color: #7CB342;
}

.border-top-green-700 {
    border-top-color: #689F38;
}

.border-top-green-800 {
    border-top-color: #558B2F;
}

.border-top-orange {
    border-top-color: #FF9800;
}

.border-top-orange-300 {
    border-top-color: #FFB74D;
}

.border-top-orange-400 {
    border-top-color: #FFA726;
}

.border-top-orange-600 {
    border-top-color: #FB8C00;
}

.border-top-orange-700 {
    border-top-color: #F57C00;
}

.border-top-orange-800 {
    border-top-color: #EF6C00;
}

.border-top-brown {
    border-top-color: #795548;
}

.border-top-brown-300 {
    border-top-color: #A1887F;
}

.border-top-brown-400 {
    border-top-color: #8D6E63;
}

.border-top-brown-600 {
    border-top-color: #6D4C41;
}

.border-top-brown-700 {
    border-top-color: #5D4037;
}

.border-top-brown-800 {
    border-top-color: #4E342E;
}

.border-top-grey {
    border-top-color: #777;
}

.border-top-grey-300 {
    border-top-color: #999;
}

.border-top-grey-400 {
    border-top-color: #888;
}

.border-top-grey-600 {
    border-top-color: #666;
}

.border-top-grey-700 {
    border-top-color: #555;
}

.border-top-grey-800 {
    border-top-color: #444;
}

.border-top-slate {
    border-top-color: #607D8B;
}

.border-top-slate-300 {
    border-top-color: #90A4AE;
}

.border-top-slate-400 {
    border-top-color: #78909C;
}

.border-top-slate-600 {
    border-top-color: #546E7A;
}

.border-top-slate-700 {
    border-top-color: #455A64;
}

.border-top-slate-800 {
    border-top-color: #37474F;
}

.border-top-white {
    border-top-color: #fff;
}

.border-bottom-primary {
    border-bottom-color: #2196F3;
}

.border-bottom-primary-300 {
    border-bottom-color: #64B5F6;
}

.border-bottom-primary-400 {
    border-bottom-color: #42A5F5;
}

.border-bottom-primary-600 {
    border-bottom-color: #1E88E5;
}

.border-bottom-primary-700 {
    border-bottom-color: #1976D2;
}

.border-bottom-primary-800 {
    border-bottom-color: #1565C0;
}

.border-bottom-danger {
    border-bottom-color: #F44336;
}

.border-bottom-danger-300 {
    border-bottom-color: #E57373;
}

.border-bottom-danger-400 {
    border-bottom-color: #EF5350;
}

.border-bottom-danger-600 {
    border-bottom-color: #E53935;
}

.border-bottom-danger-700 {
    border-bottom-color: #D32F2F;
}

.border-bottom-danger-800 {
    border-bottom-color: #C62828;
}

.border-bottom-success {
    border-bottom-color: #4CAF50;
}

.border-bottom-success-300 {
    border-bottom-color: #81C784;
}

.border-bottom-success-400 {
    border-bottom-color: #66BB6A;
}

.border-bottom-success-600 {
    border-bottom-color: #43A047;
}

.border-bottom-success-700 {
    border-bottom-color: #388E3C;
}

.border-bottom-success-800 {
    border-bottom-color: #2E7D32;
}

.border-bottom-warning {
    border-bottom-color: #FF5722;
}

.border-bottom-warning-300 {
    border-bottom-color: #FF8A65;
}

.border-bottom-warning-400 {
    border-bottom-color: #FF7043;
}

.border-bottom-warning-600 {
    border-bottom-color: #F4511E;
}

.border-bottom-warning-700 {
    border-bottom-color: #E64A19;
}

.border-bottom-warning-800 {
    border-bottom-color: #D84315;
}

.border-bottom-info {
    border-bottom-color: #00BCD4;
}

.border-bottom-info-300 {
    border-bottom-color: #4DD0E1;
}

.border-bottom-info-400 {
    border-bottom-color: #26C6DA;
}

.border-bottom-info-600 {
    border-bottom-color: #00ACC1;
}

.border-bottom-info-700 {
    border-bottom-color: #0097A7;
}

.border-bottom-info-800 {
    border-bottom-color: #00838F;
}

.border-bottom-pink {
    border-bottom-color: #E91E63;
}

.border-bottom-pink-300 {
    border-bottom-color: #F06292;
}

.border-bottom-pink-400 {
    border-bottom-color: #EC407A;
}

.border-bottom-pink-600 {
    border-bottom-color: #D81B60;
}

.border-bottom-pink-700 {
    border-bottom-color: #C2185B;
}

.border-bottom-pink-800 {
    border-bottom-color: #AD1457;
}

.border-bottom-violet {
    border-bottom-color: #9C27B0;
}

.border-bottom-violet-300 {
    border-bottom-color: #BA68C8;
}

.border-bottom-violet-400 {
    border-bottom-color: #AB47BC;
}

.border-bottom-violet-600 {
    border-bottom-color: #8E24AA;
}

.border-bottom-violet-700 {
    border-bottom-color: #7B1FA2;
}

.border-bottom-violet-800 {
    border-bottom-color: #6A1B9A;
}

.border-bottom-purple {
    border-bottom-color: #673AB7;
}

.border-bottom-purple-300 {
    border-bottom-color: #9575CD;
}

.border-bottom-purple-400 {
    border-bottom-color: #7E57C2;
}

.border-bottom-purple-600 {
    border-bottom-color: #5E35B1;
}

.border-bottom-purple-700 {
    border-bottom-color: #512DA8;
}

.border-bottom-purple-800 {
    border-bottom-color: #4527A0;
}

.border-bottom-indigo {
    border-bottom-color: #3F51B5;
}

.border-bottom-indigo-300 {
    border-bottom-color: #7986CB;
}

.border-bottom-indigo-400 {
    border-bottom-color: #5C6BC0;
}

.border-bottom-indigo-600 {
    border-bottom-color: #3949AB;
}

.border-bottom-indigo-700 {
    border-bottom-color: #303F9F;
}

.border-bottom-indigo-800 {
    border-bottom-color: #283593;
}

.border-bottom-blue {
    border-bottom-color: #03A9F4;
}

.border-bottom-blue-300 {
    border-bottom-color: #4FC3F7;
}

.border-bottom-blue-400 {
    border-bottom-color: #29B6F6;
}

.border-bottom-blue-600 {
    border-bottom-color: #039BE5;
}

.border-bottom-blue-700 {
    border-bottom-color: #0288D1;
}

.border-bottom-blue-800 {
    border-bottom-color: #0277BD;
}

.border-bottom-teal {
    border-bottom-color: #009688;
}

.border-bottom-teal-300 {
    border-bottom-color: #4DB6AC;
}

.border-bottom-teal-400 {
    border-bottom-color: #26A69A;
}

.border-bottom-teal-600 {
    border-bottom-color: #00897B;
}

.border-bottom-teal-700 {
    border-bottom-color: #00796B;
}

.border-bottom-teal-800 {
    border-bottom-color: #00695C;
}

.border-bottom-green {
    border-bottom-color: #8BC34A;
}

.border-bottom-green-300 {
    border-bottom-color: #AED581;
}

.border-bottom-green-400 {
    border-bottom-color: #9CCC65;
}

.border-bottom-green-600 {
    border-bottom-color: #7CB342;
}

.border-bottom-green-700 {
    border-bottom-color: #689F38;
}

.border-bottom-green-800 {
    border-bottom-color: #558B2F;
}

.border-bottom-orange {
    border-bottom-color: #FF9800;
}

.border-bottom-orange-300 {
    border-bottom-color: #FFB74D;
}

.border-bottom-orange-400 {
    border-bottom-color: #FFA726;
}

.border-bottom-orange-600 {
    border-bottom-color: #FB8C00;
}

.border-bottom-orange-700 {
    border-bottom-color: #F57C00;
}

.border-bottom-orange-800 {
    border-bottom-color: #EF6C00;
}

.border-bottom-brown {
    border-bottom-color: #795548;
}

.border-bottom-brown-300 {
    border-bottom-color: #A1887F;
}

.border-bottom-brown-400 {
    border-bottom-color: #8D6E63;
}

.border-bottom-brown-600 {
    border-bottom-color: #6D4C41;
}

.border-bottom-brown-700 {
    border-bottom-color: #5D4037;
}

.border-bottom-brown-800 {
    border-bottom-color: #4E342E;
}

.border-bottom-grey {
    border-bottom-color: #777;
}

.border-bottom-grey-300 {
    border-bottom-color: #999;
}

.border-bottom-grey-400 {
    border-bottom-color: #888;
}

.border-bottom-grey-600 {
    border-bottom-color: #666;
}

.border-bottom-grey-700 {
    border-bottom-color: #555;
}

.border-bottom-grey-800 {
    border-bottom-color: #444;
}

.border-bottom-slate {
    border-bottom-color: #607D8B;
}

.border-bottom-slate-300 {
    border-bottom-color: #90A4AE;
}

.border-bottom-slate-400 {
    border-bottom-color: #78909C;
}

.border-bottom-slate-600 {
    border-bottom-color: #546E7A;
}

.border-bottom-slate-700 {
    border-bottom-color: #455A64;
}

.border-bottom-slate-800 {
    border-bottom-color: #37474F;
}

.border-bottom-white {
    border-bottom-color: #fff;
}

.border-left-primary {
    border-right-color: #2196F3;
}

.border-left-primary-300 {
    border-right-color: #64B5F6;
}

.border-left-primary-400 {
    border-right-color: #42A5F5;
}

.border-left-primary-600 {
    border-right-color: #1E88E5;
}

.border-left-primary-700 {
    border-right-color: #1976D2;
}

.border-left-primary-800 {
    border-right-color: #1565C0;
}

.border-left-danger {
    border-right-color: #F44336;
}

.border-left-danger-300 {
    border-right-color: #E57373;
}

.border-left-danger-400 {
    border-right-color: #EF5350;
}

.border-left-danger-600 {
    border-right-color: #E53935;
}

.border-left-danger-700 {
    border-right-color: #D32F2F;
}

.border-left-danger-800 {
    border-right-color: #C62828;
}

.border-left-success {
    border-right-color: #4CAF50;
}

.border-left-success-300 {
    border-right-color: #81C784;
}

.border-left-success-400 {
    border-right-color: #66BB6A;
}

.border-left-success-600 {
    border-right-color: #43A047;
}

.border-left-success-700 {
    border-right-color: #388E3C;
}

.border-left-success-800 {
    border-right-color: #2E7D32;
}

.border-left-warning {
    border-right-color: #FF5722;
}

.border-left-warning-300 {
    border-right-color: #FF8A65;
}

.border-left-warning-400 {
    border-right-color: #FF7043;
}

.border-left-warning-600 {
    border-right-color: #F4511E;
}

.border-left-warning-700 {
    border-right-color: #E64A19;
}

.border-left-warning-800 {
    border-right-color: #D84315;
}

.border-left-info {
    border-right-color: #00BCD4;
}

.border-left-info-300 {
    border-right-color: #4DD0E1;
}

.border-left-info-400 {
    border-right-color: #26C6DA;
}

.border-left-info-600 {
    border-right-color: #00ACC1;
}

.border-left-info-700 {
    border-right-color: #0097A7;
}

.border-left-info-800 {
    border-right-color: #00838F;
}

.border-left-pink {
    border-right-color: #E91E63;
}

.border-left-pink-300 {
    border-right-color: #F06292;
}

.border-left-pink-400 {
    border-right-color: #EC407A;
}

.border-left-pink-600 {
    border-right-color: #D81B60;
}

.border-left-pink-700 {
    border-right-color: #C2185B;
}

.border-left-pink-800 {
    border-right-color: #AD1457;
}

.border-left-violet {
    border-right-color: #9C27B0;
}

.border-left-violet-300 {
    border-right-color: #BA68C8;
}

.border-left-violet-400 {
    border-right-color: #AB47BC;
}

.border-left-violet-600 {
    border-right-color: #8E24AA;
}

.border-left-violet-700 {
    border-right-color: #7B1FA2;
}

.border-left-violet-800 {
    border-right-color: #6A1B9A;
}

.border-left-purple {
    border-right-color: #673AB7;
}

.border-left-purple-300 {
    border-right-color: #9575CD;
}

.border-left-purple-400 {
    border-right-color: #7E57C2;
}

.border-left-purple-600 {
    border-right-color: #5E35B1;
}

.border-left-purple-700 {
    border-right-color: #512DA8;
}

.border-left-purple-800 {
    border-right-color: #4527A0;
}

.border-left-indigo {
    border-right-color: #3F51B5;
}

.border-left-indigo-300 {
    border-right-color: #7986CB;
}

.border-left-indigo-400 {
    border-right-color: #5C6BC0;
}

.border-left-indigo-600 {
    border-right-color: #3949AB;
}

.border-left-indigo-700 {
    border-right-color: #303F9F;
}

.border-left-indigo-800 {
    border-right-color: #283593;
}

.border-left-blue {
    border-right-color: #03A9F4;
}

.border-left-blue-300 {
    border-right-color: #4FC3F7;
}

.border-left-blue-400 {
    border-right-color: #29B6F6;
}

.border-left-blue-600 {
    border-right-color: #039BE5;
}

.border-left-blue-700 {
    border-right-color: #0288D1;
}

.border-left-blue-800 {
    border-right-color: #0277BD;
}

.border-left-teal {
    border-right-color: #009688;
}

.border-left-teal-300 {
    border-right-color: #4DB6AC;
}

.border-left-teal-400 {
    border-right-color: #26A69A;
}

.border-left-teal-600 {
    border-right-color: #00897B;
}

.border-left-teal-700 {
    border-right-color: #00796B;
}

.border-left-teal-800 {
    border-right-color: #00695C;
}

.border-left-green {
    border-right-color: #8BC34A;
}

.border-left-green-300 {
    border-right-color: #AED581;
}

.border-left-green-400 {
    border-right-color: #9CCC65;
}

.border-left-green-600 {
    border-right-color: #7CB342;
}

.border-left-green-700 {
    border-right-color: #689F38;
}

.border-left-green-800 {
    border-right-color: #558B2F;
}

.border-left-orange {
    border-right-color: #FF9800;
}

.border-left-orange-300 {
    border-right-color: #FFB74D;
}

.border-left-orange-400 {
    border-right-color: #FFA726;
}

.border-left-orange-600 {
    border-right-color: #FB8C00;
}

.border-left-orange-700 {
    border-right-color: #F57C00;
}

.border-left-orange-800 {
    border-right-color: #EF6C00;
}

.border-left-brown {
    border-right-color: #795548;
}

.border-left-brown-300 {
    border-right-color: #A1887F;
}

.border-left-brown-400 {
    border-right-color: #8D6E63;
}

.border-left-brown-600 {
    border-right-color: #6D4C41;
}

.border-left-brown-700 {
    border-right-color: #5D4037;
}

.border-left-brown-800 {
    border-right-color: #4E342E;
}

.border-left-grey {
    border-right-color: #777;
}

.border-left-grey-300 {
    border-right-color: #999;
}

.border-left-grey-400 {
    border-right-color: #888;
}

.border-left-grey-600 {
    border-right-color: #666;
}

.border-left-grey-700 {
    border-right-color: #555;
}

.border-left-grey-800 {
    border-right-color: #444;
}

.border-left-slate {
    border-right-color: #607D8B;
}

.border-left-slate-300 {
    border-right-color: #90A4AE;
}

.border-left-slate-400 {
    border-right-color: #78909C;
}

.border-left-slate-600 {
    border-right-color: #546E7A;
}

.border-left-slate-700 {
    border-right-color: #455A64;
}

.border-left-slate-800 {
    border-right-color: #37474F;
}

.border-left-white {
    border-right-color: #fff;
}

.border-right-primary {
    border-left-color: #2196F3;
}

.border-right-primary-300 {
    border-left-color: #64B5F6;
}

.border-right-primary-400 {
    border-left-color: #42A5F5;
}

.border-right-primary-600 {
    border-left-color: #1E88E5;
}

.border-right-primary-700 {
    border-left-color: #1976D2;
}

.border-right-primary-800 {
    border-left-color: #1565C0;
}

.border-right-danger {
    border-left-color: #F44336;
}

.border-right-danger-300 {
    border-left-color: #E57373;
}

.border-right-danger-400 {
    border-left-color: #EF5350;
}

.border-right-danger-600 {
    border-left-color: #E53935;
}

.border-right-danger-700 {
    border-left-color: #D32F2F;
}

.border-right-danger-800 {
    border-left-color: #C62828;
}

.border-right-success {
    border-left-color: #4CAF50;
}

.border-right-success-300 {
    border-left-color: #81C784;
}

.border-right-success-400 {
    border-left-color: #66BB6A;
}

.border-right-success-600 {
    border-left-color: #43A047;
}

.border-right-success-700 {
    border-left-color: #388E3C;
}

.border-right-success-800 {
    border-left-color: #2E7D32;
}

.border-right-warning {
    border-left-color: #FF5722;
}

.border-right-warning-300 {
    border-left-color: #FF8A65;
}

.border-right-warning-400 {
    border-left-color: #FF7043;
}

.border-right-warning-600 {
    border-left-color: #F4511E;
}

.border-right-warning-700 {
    border-left-color: #E64A19;
}

.border-right-warning-800 {
    border-left-color: #D84315;
}

.border-right-info {
    border-left-color: #00BCD4;
}

.border-right-info-300 {
    border-left-color: #4DD0E1;
}

.border-right-info-400 {
    border-left-color: #26C6DA;
}

.border-right-info-600 {
    border-left-color: #00ACC1;
}

.border-right-info-700 {
    border-left-color: #0097A7;
}

.border-right-info-800 {
    border-left-color: #00838F;
}

.border-right-pink {
    border-left-color: #E91E63;
}

.border-right-pink-300 {
    border-left-color: #F06292;
}

.border-right-pink-400 {
    border-left-color: #EC407A;
}

.border-right-pink-600 {
    border-left-color: #D81B60;
}

.border-right-pink-700 {
    border-left-color: #C2185B;
}

.border-right-pink-800 {
    border-left-color: #AD1457;
}

.border-right-violet {
    border-left-color: #9C27B0;
}

.border-right-violet-300 {
    border-left-color: #BA68C8;
}

.border-right-violet-400 {
    border-left-color: #AB47BC;
}

.border-right-violet-600 {
    border-left-color: #8E24AA;
}

.border-right-violet-700 {
    border-left-color: #7B1FA2;
}

.border-right-violet-800 {
    border-left-color: #6A1B9A;
}

.border-right-purple {
    border-left-color: #673AB7;
}

.border-right-purple-300 {
    border-left-color: #9575CD;
}

.border-right-purple-400 {
    border-left-color: #7E57C2;
}

.border-right-purple-600 {
    border-left-color: #5E35B1;
}

.border-right-purple-700 {
    border-left-color: #512DA8;
}

.border-right-purple-800 {
    border-left-color: #4527A0;
}

.border-right-indigo {
    border-left-color: #3F51B5;
}

.border-right-indigo-300 {
    border-left-color: #7986CB;
}

.border-right-indigo-400 {
    border-left-color: #5C6BC0;
}

.border-right-indigo-600 {
    border-left-color: #3949AB;
}

.border-right-indigo-700 {
    border-left-color: #303F9F;
}

.border-right-indigo-800 {
    border-left-color: #283593;
}

.border-right-blue {
    border-left-color: #03A9F4;
}

.border-right-blue-300 {
    border-left-color: #4FC3F7;
}

.border-right-blue-400 {
    border-left-color: #29B6F6;
}

.border-right-blue-600 {
    border-left-color: #039BE5;
}

.border-right-blue-700 {
    border-left-color: #0288D1;
}

.border-right-blue-800 {
    border-left-color: #0277BD;
}

.border-right-teal {
    border-left-color: #009688;
}

.border-right-teal-300 {
    border-left-color: #4DB6AC;
}

.border-right-teal-400 {
    border-left-color: #26A69A;
}

.border-right-teal-600 {
    border-left-color: #00897B;
}

.border-right-teal-700 {
    border-left-color: #00796B;
}

.border-right-teal-800 {
    border-left-color: #00695C;
}

.border-right-green {
    border-left-color: #8BC34A;
}

.border-right-green-300 {
    border-left-color: #AED581;
}

.border-right-green-400 {
    border-left-color: #9CCC65;
}

.border-right-green-600 {
    border-left-color: #7CB342;
}

.border-right-green-700 {
    border-left-color: #689F38;
}

.border-right-green-800 {
    border-left-color: #558B2F;
}

.border-right-orange {
    border-left-color: #FF9800;
}

.border-right-orange-300 {
    border-left-color: #FFB74D;
}

.border-right-orange-400 {
    border-left-color: #FFA726;
}

.border-right-orange-600 {
    border-left-color: #FB8C00;
}

.border-right-orange-700 {
    border-left-color: #F57C00;
}

.border-right-orange-800 {
    border-left-color: #EF6C00;
}

.border-right-brown {
    border-left-color: #795548;
}

.border-right-brown-300 {
    border-left-color: #A1887F;
}

.border-right-brown-400 {
    border-left-color: #8D6E63;
}

.border-right-brown-600 {
    border-left-color: #6D4C41;
}

.border-right-brown-700 {
    border-left-color: #5D4037;
}

.border-right-brown-800 {
    border-left-color: #4E342E;
}

.border-right-grey {
    border-left-color: #777;
}

.border-right-grey-300 {
    border-left-color: #999;
}

.border-right-grey-400 {
    border-left-color: #888;
}

.border-right-grey-600 {
    border-left-color: #666;
}

.border-right-grey-700 {
    border-left-color: #555;
}

.border-right-grey-800 {
    border-left-color: #444;
}

.border-right-slate {
    border-left-color: #607D8B;
}

.border-right-slate-300 {
    border-left-color: #90A4AE;
}

.border-right-slate-400 {
    border-left-color: #78909C;
}

.border-right-slate-600 {
    border-left-color: #546E7A;
}

.border-right-slate-700 {
    border-left-color: #455A64;
}

.border-right-slate-800 {
    border-left-color: #37474F;
}

.border-right-white {
    border-left-color: #fff;
}

.text-primary, .text-primary-300, .text-primary-300:focus, .text-primary-300:hover, .text-primary:focus, .text-primary:hover {
    color: #2196F3 !important;
}

.text-primary-400, .text-primary-400:focus, .text-primary-400:hover {
    color: #42A5F5 !important;
}

.text-primary-600, .text-primary-600:focus, .text-primary-600:hover {
    color: #1E88E5 !important;
}

.text-primary-700, .text-primary-700:focus, .text-primary-700:hover {
    color: #1976D2 !important;
}

.text-primary-800, .text-primary-800:focus, .text-primary-800:hover {
    color: #1565C0 !important;
}

.text-danger, .text-danger:focus, .text-danger:hover {
    color: #F44336 !important;
}

.text-danger-300, .text-danger-300:focus, .text-danger-300:hover {
    color: #E57373 !important;
}

.text-danger-400, .text-danger-400:focus, .text-danger-400:hover {
    color: #EF5350 !important;
}

.text-danger-600, .text-danger-600:focus, .text-danger-600:hover {
    color: #E53935 !important;
}

.text-yellow-600, .text-yellow-600:focus, .text-yellow-600:hover {
    color: #FFFF00;
}

.text-danger-700, .text-danger-700:focus, .text-danger-700:hover {
    color: #D32F2F !important;
}

.text-danger-800, .text-danger-800:focus, .text-danger-800:hover {
    color: #C62828 !important;
}

.text-success, .text-success:focus, .text-success:hover {
    color: #4CAF50 !important;
}

.text-success-300, .text-success-300:focus, .text-success-300:hover {
    color: #81C784 !important;
}

.text-success-400, .text-success-400:focus, .text-success-400:hover {
    color: #66BB6A !important;
}

.text-success-600, .text-success-600:focus, .text-success-600:hover {
    color: #43A047 !important;
}

.text-success-700, .text-success-700:focus, .text-success-700:hover {
    color: #388E3C !important;
}

.text-success-800, .text-success-800:focus, .text-success-800:hover {
    color: #2E7D32 !important;
}

.text-warning, .text-warning:focus, .text-warning:hover {
    color: #FF5722 !important;
}

.text-warning-300, .text-warning-300:focus, .text-warning-300:hover {
    color: #FF8A65 !important;
}

.text-warning-400, .text-warning-400:focus, .text-warning-400:hover {
    color: #FF7043 !important;
}

.text-warning-600, .text-warning-600:focus, .text-warning-600:hover {
    color: #F4511E !important;
}

.text-warning-700, .text-warning-700:focus, .text-warning-700:hover {
    color: #E64A19 !important;
}

.text-warning-800, .text-warning-800:focus, .text-warning-800:hover {
    color: #D84315 !important;
}

.text-info, .text-info:focus, .text-info:hover {
    color: #00BCD4 !important;
}

.text-info-300, .text-info-300:focus, .text-info-300:hover {
    color: #4DD0E1 !important;
}

.text-info-400, .text-info-400:focus, .text-info-400:hover {
    color: #26C6DA !important;
}

.text-info-600, .text-info-600:focus, .text-info-600:hover {
    color: #00ACC1 !important;
}

.text-info-700, .text-info-700:focus, .text-info-700:hover {
    color: #0097A7 !important;
}

.text-info-800, .text-info-800:focus, .text-info-800:hover {
    color: #00838F !important;
}

.text-pink, .text-pink:focus, .text-pink:hover {
    color: #E91E63 !important;
}

.text-pink-300, .text-pink-300:focus, .text-pink-300:hover {
    color: #F06292 !important;
}

.text-pink-400, .text-pink-400:focus, .text-pink-400:hover {
    color: #EC407A !important;
}

.text-pink-600, .text-pink-600:focus, .text-pink-600:hover {
    color: #D81B60 !important;
}

.text-pink-700, .text-pink-700:focus, .text-pink-700:hover {
    color: #C2185B !important;
}

.text-pink-800, .text-pink-800:focus, .text-pink-800:hover {
    color: #AD1457 !important;
}

.text-violet, .text-violet:focus, .text-violet:hover {
    color: #9C27B0 !important;
}

.text-violet-300, .text-violet-300:focus, .text-violet-300:hover {
    color: #BA68C8 !important;
}

.text-violet-400, .text-violet-400:focus, .text-violet-400:hover {
    color: #AB47BC !important;
}

.text-violet-600, .text-violet-600:focus, .text-violet-600:hover {
    color: #8E24AA !important;
}

.text-violet-700, .text-violet-700:focus, .text-violet-700:hover {
    color: #7B1FA2 !important;
}

.text-violet-800, .text-violet-800:focus, .text-violet-800:hover {
    color: #6A1B9A !important;
}

.text-purple, .text-purple:focus, .text-purple:hover {
    color: #673AB7 !important;
}

.text-purple-300, .text-purple-300:focus, .text-purple-300:hover {
    color: #9575CD !important;
}

.text-purple-400, .text-purple-400:focus, .text-purple-400:hover {
    color: #7E57C2 !important;
}

.text-purple-600, .text-purple-600:focus, .text-purple-600:hover {
    color: #5E35B1 !important;
}

.text-purple-700, .text-purple-700:focus, .text-purple-700:hover {
    color: #512DA8 !important;
}

.text-purple-800, .text-purple-800:focus, .text-purple-800:hover {
    color: #4527A0 !important;
}

.text-indigo, .text-indigo:focus, .text-indigo:hover {
    color: #3F51B5 !important;
}

.text-indigo-300, .text-indigo-300:focus, .text-indigo-300:hover {
    color: #7986CB !important;
}

.text-indigo-400, .text-indigo-400:focus, .text-indigo-400:hover {
    color: #5C6BC0 !important;
}

.text-indigo-600, .text-indigo-600:focus, .text-indigo-600:hover {
    color: #3949AB !important;
}

.text-indigo-700, .text-indigo-700:focus, .text-indigo-700:hover {
    color: #303F9F !important;
}

.text-indigo-800, .text-indigo-800:focus, .text-indigo-800:hover {
    color: #283593 !important;
}

.text-blue, .text-blue:focus, .text-blue:hover {
    color: #03A9F4 !important;
}

.text-blue-300, .text-blue-300:focus, .text-blue-300:hover {
    color: #4FC3F7 !important;
}

.text-blue-400, .text-blue-400:focus, .text-blue-400:hover {
    color: #29B6F6 !important;
}

.text-blue-600, .text-blue-600:focus, .text-blue-600:hover {
    color: #039BE5 !important;
}

.text-blue-700, .text-blue-700:focus, .text-blue-700:hover {
    color: #0288D1 !important;
}

.text-blue-800, .text-blue-800:focus, .text-blue-800:hover {
    color: #0277BD !important;
}

.text-teal, .text-teal:focus, .text-teal:hover {
    color: #009688 !important;
}

.text-teal-300, .text-teal-300:focus, .text-teal-300:hover {
    color: #4DB6AC !important;
}

.text-teal-400, .text-teal-400:focus, .text-teal-400:hover {
    color: #26A69A !important;
}

.text-teal-600, .text-teal-600:focus, .text-teal-600:hover {
    color: #00897B !important;
}

.text-teal-700, .text-teal-700:focus, .text-teal-700:hover {
    color: #00796B !important;
}

.text-teal-800, .text-teal-800:focus, .text-teal-800:hover {
    color: #00695C !important;
}

.text-green, .text-green:focus, .text-green:hover {
    color: #8BC34A !important;
}

.text-green-300, .text-green-300:focus, .text-green-300:hover {
    color: #AED581 !important;
}

.text-green-400, .text-green-400:focus, .text-green-400:hover {
    color: #9CCC65 !important;
}

.text-green-600, .text-green-600:focus, .text-green-600:hover {
    color: #7CB342 !important;
}

.text-green-700, .text-green-700:focus, .text-green-700:hover {
    color: #689F38 !important;
}

.text-green-800, .text-green-800:focus, .text-green-800:hover {
    color: #558B2F !important;
}

.text-orange, .text-orange:focus, .text-orange:hover {
    color: #FF9800 !important;
}

.text-orange-300, .text-orange-300:focus, .text-orange-300:hover {
    color: #FFB74D !important;
}

.text-orange-400, .text-orange-400:focus, .text-orange-400:hover {
    color: #FFA726 !important;
}

.text-orange-600, .text-orange-600:focus, .text-orange-600:hover {
    color: #FB8C00 !important;
}

.text-orange-700, .text-orange-700:focus, .text-orange-700:hover {
    color: #F57C00 !important;
}

.text-orange-800, .text-orange-800:focus, .text-orange-800:hover {
    color: #EF6C00 !important;
}

.text-brown, .text-brown:focus, .text-brown:hover {
    color: #795548 !important;
}

.text-brown-300, .text-brown-300:focus, .text-brown-300:hover {
    color: #A1887F !important;
}

.text-brown-400, .text-brown-400:focus, .text-brown-400:hover {
    color: #8D6E63 !important;
}

.text-brown-600, .text-brown-600:focus, .text-brown-600:hover {
    color: #6D4C41 !important;
}

.text-brown-700, .text-brown-700:focus, .text-brown-700:hover {
    color: #5D4037 !important;
}

.text-brown-800, .text-brown-800:focus, .text-brown-800:hover {
    color: #4E342E !important;
}

.text-grey, .text-grey:focus, .text-grey:hover {
    color: #777 !important;
}

.text-grey-300, .text-grey-300:focus, .text-grey-300:hover {
    color: #999 !important;
}

.text-grey-400, .text-grey-400:focus, .text-grey-400:hover {
    color: #888 !important;
}

.text-grey-600, .text-grey-600:focus, .text-grey-600:hover {
    color: #666 !important;
}

.text-grey-700, .text-grey-700:focus, .text-grey-700:hover {
    color: #555 !important;
}

.text-grey-800, .text-grey-800:focus, .text-grey-800:hover {
    color: #444 !important;
}

.text-slate, .text-slate:focus, .text-slate:hover {
    color: #607D8B !important;
}

.text-slate-300, .text-slate-300:focus, .text-slate-300:hover {
    color: #90A4AE !important;
}

.text-slate-400, .text-slate-400:focus, .text-slate-400:hover {
    color: #78909C !important;
}

.text-slate-600, .text-slate-600:focus, .text-slate-600:hover {
    color: #546E7A !important;
}

.text-slate-700, .text-slate-700:focus, .text-slate-700:hover {
    color: #455A64 !important;
}

.text-slate-800, .text-slate-800:focus, .text-slate-800:hover {
    color: #37474F !important;
}

.text-white, .text-white:focus, .text-white:hover {
    color: #fff !important;
}

.text-default, .text-default:focus, .text-default:hover {
    color: #333 !important;
}

/*********************/
.toast {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.toast {
    background-color: #030303;
}

.toast-success {
    background-color: #51a351;
}

.toast-error {
    background-color: #bd362f;
}

.toast-info {
    background-color: #2f96b4;
}

.toast-warning {
    background-color: #f89406;
}

.toast .toast-close-button {
    display: inline-block;
    margin-top: 0px;
    margin-right: 0px;
    text-indent: -100000px;
    width: 11px;
    height: 16px;
    background-repeat: no-repeat !important;
    background-image: url("../images/portlet-remove-icon-white.png") !important;
}

.toast-top-center {
    top: 12px;
    margin: 0 auto;
    left: 50%;
    margin-left: -150px;
}

.toast-bottom-center {
    bottom: 12px;
    margin: 0 auto;
    left: 50%;
    margin-left: -150px;
}

.label2 {
    background-color: #999;
    border: 1px solid #999;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1px;
    line-height: 1.53846;
    padding: 1px 4px 0;
    text-transform: uppercase;
}

.welcome-text {
    text-align: center;
    margin: 15% 0;
}

.details-lbl .form-group {
    display: flex;
    margin: 0;
}

.details-lbl label {
    margin: 10px 0;
}

.mb10 {
    margin-bottom: 10px;
}

.login-img {
    margin: 0 auto;
    width: 70% !important;
}

.navbar {
    min-height: 46px;
}

.navbar-nav > li > a {
    padding-bottom: 19px;
    padding-top: 19px;
}

.navbar-brand {
    padding: 0;
}

    .navbar-brand > img {
        height: 60px;
        margin-top: 1px;
    }

.navbar-nav > .dropdown-user > a, .navbar-nav > .dropdown-user > a > span {
    font-weight: bold;
    /*padding-bottom: 10px;*/
    padding-top: 11px;
    text-transform: capitalize;
}

.navbar-nav > .dropdown-user img {
    max-height: none;
    height: 29px;
    width: 36px;
    border-radius: 0.25rem;
}

.navigation li a:focus, .navigation li a:hover {
    background-color: #f5f5f5;
    color: #015992;
}

.navigation > li.active > a, .navigation > li.active > a:focus, .navigation > li.active > a:hover {
    background-color: #f5f5f5;
    color: #015992;
}

.navigation > li > ul li.active > a, .navigation > li > ul li.active > a:focus, .navigation > li > ul li.active > a:hover {
    background-color: #f5f5f5;
    color: #015992;
}

.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0 3px 3px 0;
}

.no-sort::after, .no-sort::before {
    display: none !important;
}

.no-sort {
    pointer-events: none !important;
    cursor: default !important;
}

.datatable td:last-child i {
    font-size: 17px;
    margin-left: 3px;
}

.datatable td:last-child a:hover i, .datatable td:last-child a:active i, .datatable td:last-child a:focus i {
    color: #37474f;
}

.login-container button.btn i {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

.filter-table {
    margin-bottom: 0 !important;
    padding: 15px;
}

    .filter-table .control-label {
        padding-top: 8px;
    }

.daterangepicker .ranges {
    border: none;
}

    .daterangepicker .ranges .range_inputs {
        padding: 0;
    }

        .daterangepicker .ranges .range_inputs .btn {
            display: inline;
            width: auto;
        }

            .daterangepicker .ranges .range_inputs .btn + .btn {
                margin-top: 0;
            }

        .daterangepicker .ranges .range_inputs .green {
            background-color: #4caf50;
            border-color: #4caf50;
            color: #fff;
        }

.daterangepicker .calendar {
    border: none;
    padding: 0;
}

.dashboardh1 {
    font-size: 23px;
    font-weight: bold;
    text-transform: uppercase;
}

    .dashboardh1 i {
        font-size: 25px;
    }

.dashboardh6 {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}

    .dashboardh6 span {
        font-size: 22px;
        font-weight: normal;
    }

.panel-body.rst {
    padding: 20px 15px;
}

.rotate180 {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

.cbp_tmtimeline {
    margin: 30px 0 0 0;
    padding: 0;
    list-style: none;
    position: relative;
}

    /* The line */
    .cbp_tmtimeline:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        width: 10px;
        background: #afdcf8;
        left: 20%;
        margin-left: -10px;
    }

    /* The date/time */
    .cbp_tmtimeline > li .cbp_tmtime {
        display: block;
        width: 25%;
        padding-right: 100px;
        position: absolute;
    }

        .cbp_tmtimeline > li .cbp_tmtime span {
            display: block;
            text-align: right;
        }

            .cbp_tmtimeline > li .cbp_tmtime span:first-child {
                font-size: 0.9em;
                color: #bdd0db;
            }

            .cbp_tmtimeline > li .cbp_tmtime span:last-child {
                font-size: 2.9em;
                color: #3594cb;
            }

    .cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {
        color: #6cbfee;
    }

    /* Right content */
    .cbp_tmtimeline > li .cbp_tmlabel {
        margin: 0 0 15px 10%;
        background: #3594cb;
        color: #fff;
        padding: 2em;
        font-size: 1.2em;
        font-weight: 300;
        line-height: 1.4;
        position: relative;
        border-radius: 5px;
    }

    .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
        background: #6cbfee;
    }

    .cbp_tmtimeline > li .cbp_tmlabel h2 {
        margin-top: 0px;
        padding: 0 0 10px 0;
        border-bottom: 1px solid rgba(255,255,255,0.4);
    }

    /* The triangle */
    .cbp_tmtimeline > li .cbp_tmlabel:after {
        right: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-right-color: #3594cb;
        border-width: 10px;
        top: 10px;
    }

    .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
        border-right-color: #6cbfee;
    }

    /* The icons */
    .cbp_tmtimeline > li .cbp_tmicon {
        width: 40px;
        height: 40px;
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        font-size: 1.4em;
        line-height: 40px;
        -webkit-font-smoothing: antialiased;
        position: absolute;
        color: #fff;
        background: #5d5d5d;
        border-radius: 50%;
        box-shadow: 0 0 0 8px #ececec;
        text-align: center;
        left: 5%;
        /*top: 0;*/
        margin: 0 0 0 -25px;
    }

.cbp_tmicon-phone:before {
    content: "\eab2";
}

.cbp_tmicon-screen:before {
    content: "\eab2";
}

.cbp_tmicon-mail:before {
    content: "\eab2";
}

.cbp_tmicon-earth:before {
    content: "\eab2";
}

/* Example Media Queries */
@media screen and (max-width: 65.375em) {

    .cbp_tmtimeline > li .cbp_tmtime span:last-child {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 47.2em) {
    .cbp_tmtimeline:before {
        display: none;
    }

    .cbp_tmtimeline > li .cbp_tmtime {
        width: 100%;
        position: relative;
        padding: 0 0 20px 0;
    }

        .cbp_tmtimeline > li .cbp_tmtime span {
            text-align: left;
        }

    .cbp_tmtimeline > li .cbp_tmlabel {
        margin: 0 0 30px 0;
        padding: 1em;
        font-weight: 400;
        font-size: 95%;
    }

        .cbp_tmtimeline > li .cbp_tmlabel:after {
            right: auto;
            left: 20px;
            border-right-color: transparent;
            border-bottom-color: #3594cb;
            top: -20px;
        }

    .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
        border-right-color: transparent;
        border-bottom-color: #6cbfee;
    }

    .cbp_tmtimeline > li .cbp_tmicon {
        position: relative;
        float: right;
        left: auto;
        margin: -55px 5px 0 0px;
    }
}



.cbp_tmtimeline > li .cbp_tmtime span:last-child {
    color: #3594cb;
    font-size: 21px;
}

.cbp_tmtimeline > li .cbp_tmlabel {
    background: #3594cb none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.4;
    margin: 0 0 15px 10%;
    padding: 1em 2em;
    position: relative;
}

    .cbp_tmtimeline > li .cbp_tmlabel h2 {
        border-bottom: 1px solid rgba(120, 120, 120, 0.4);
        color: #787878;
        font-size: 18px;
        font-weight: bold;
        margin-top: 0;
        padding: 0 0 10px;
        text-align: left;
        text-transform: none;
    }

.cbp_tmtimeline > li:nth-child(2n+1) .cbp_tmtime span:last-child {
    color: #333;
}

.cbp_tmtimeline > li .cbp_tmtime span:last-child {
    color: #333;
    font-size: 19px;
}

.cbp_tmtimeline > li:nth-child(2n+1) .cbp_tmlabel::after {
    border-right-color: #eaeaea;
}

.cbp_tmtimeline > li:nth-child(2n+1) .cbp_tmlabel {
    background: #fdfdfd none repeat scroll 0 0;
    border: 1px solid #eaeaea;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.024);
}

.cbp_tmtimeline > li .cbp_tmlabel::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent #878787 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 10px;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    right: 100%;
    top: 10px;
    width: 0;
}

.cbp_tmtimeline > li .cbp_tmlabel::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent #878787 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 10px;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    right: 100%;
    top: 10px;
    width: 0;
}

.cbp_tmtimeline > li .cbp_tmlabel::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent #eaeaea transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 10px;
    content: " ";
    height: 0;
    pointer-events: none;
    position: absolute;
    right: 100%;
    top: 10px;
    width: 0;
}

.cbp_tmtimeline > li .cbp_tmlabel {
    background: #fafafa none repeat scroll 0 0;
    border-radius: 5px;
    color: #9a9a9a;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.4;
    margin: 0 0 15px 10%;
    padding: 1em 2em;
    position: relative;
    border: 1px solid #eaeaea;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.024);
}

.cbp_tmtimeline::before {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 5%;
    margin-left: -10px;
    position: absolute;
    top: 0;
    width: 10px;
}

.select2-container {
    padding: 0 !important;
}

    .select2-container .select2-choice {
        background: none !important;
        border: none !important;
        box-shadow: none !important;
        height: auto !important;
        line-height: 22px !important;
        padding: 7px 12px !important;
    }

        .select2-container .select2-choice .select2-arrow {
            background: none !important;
            border: none !important;
            right: 5px !important;
            top: 4px !important;
        }

.select2-drop-active {
    border-color: #ddd !important;
    box-shadow: none !important;
}

.select2-results .select2-highlighted {
    background: #455a64 !important;
}

.select2-container .select2-choice abbr {
    right: 28px !important;
    top: 11px !important;
}

ul.tagit {
    border-color: #ddd !important;
    border-radius: 3px;
    margin: 0 !important;
}

.login-container .btn-primary, .login-container .btn-primary:active, .login-container .btn-primary:hover, .login-container .btn-primary:focus {
    background-color: #0168ab;
    border-color: #0168ab;
    color: #fff;
}

.navbar-inverse {
    background-color: #0168ab;
    border-color: #048de5;
}

.sidebar {
    background-color: #0168ab;
}

.btn-primary {
    background-color: #0168ab;
    border-color: #0168ab;
    color: #fff;
}

.mr5 {
    margin-right: 5px;
}

.custom-thumb1 {
    border-left: 0 none;
    border-radius: 0;
    border-right: 0 none;
    box-shadow: none;
}

.data-table a:hover, .data-table a:focus, .data-table a:active {
    text-decoration: underline;
}

.cbp_tmlabel a {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

    .cbp_tmlabel a:hover, .cbp_tmlabel a:focus, .cbp_tmlabel a:active {
        text-decoration: underline;
    }

.text-core .text-wrap {
    width: 100% !important;
}

    .text-core .text-wrap textarea, .text-core .text-wrap input {
        border-color: #ddd !important;
        border-radius: 3px !important;
    }

    .text-core .text-wrap .text-focus {
        box-shadow: none !important;
    }

    .text-core .text-wrap .text-tags .text-tag .text-button {
        background: #ddd none repeat scroll 0 0 !important;
        border: 1px solid #bdbdbd !important;
        height: auto !important;
        margin: 2px 2px 2px 0 !important;
        padding: 4px 17px 4px 3px !important;
    }

.wizard {
    margin-bottom: 20px;
}

    /*.wizard a {
        color: black;
        cursor: default;
    }*/

    .wizard > .steps > ul > li.current > a {
        color: #0168ad;
    }

    .wizard > .steps > ul > li.current .number {
        border-color: #0168ab !important;
        color: #0168ab !important;
    }

        .wizard > .steps > ul > li.current .number::after {
            /*content: "\eca7";*/
            margin-left: 3px;
        }

.fc-event {
    border: none;
}

.fc-day-grid-event .fc-time {
    display: none;
}

.fc-time-grid .fc-bgevent, .fc-time-grid .fc-event {
    margin: 0 !important;
}

#calendar1 .fc-view > table {
    min-width: 740px;
    width: 99.8%;
}

#calendar1 .fc-basic-view tbody .fc-row {
    height: 72px !important;
}

#calendar1 .fc-scroller {
    height: 400px !important;
    min-height: 400px !important;
}

#calendar1 thead .fc-today.fc-state-highlight {
    background: none !important;
}

.table-report-1 td {
    padding: 6.2px 10px !important;
}

    .table-report-1 td .label {
        width: 30px;
        text-align: center;
        padding: 0;
    }

.login-cover {
    background: #000;
    background: -moz-linear-gradient(-45deg, #000 0%, #fad000 100%);
    background: -webkit-linear-gradient(-45deg, #000 0%,#fad000 100%);
    background: url(../images/blue-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#fad000',GradientType=1 );
}

    .login-cover .login-form {
        background: #fff;
        border-radius: 0;
        -webkit-box-shadow: 3px 3px 8px -2px rgba(0,0,0,0.5);
        -moz-box-shadow: 3px 3px 8px -2px rgba(0,0,0,0.5);
        box-shadow: 3px 3px 8px -2px rgba(0,0,0,0.5);
        border: none;
        padding: 0;
        min-width: 900px;
    }

    .login-cover .left-container {
        /*background: url(../images/bg-1.png) bottom left;*/
        background-size: cover;
        overflow: hidden;
        float: left;
        padding: 153px 20px 10px;
        width: 60%;
        height: 400px;
    }

    .login-cover .login-img {
        display: block;
        margin: 0 auto;
        margin-bottom: 118px;
        width: 352px !important;
    }

    .login-cover .left-container h6 {
        color: #000;
        font-size: 14px;
        text-align: center;
    }

    .login-cover .right-container {
        float: left;
        padding: 20px;
        width: 40%;
        background-image: linear-gradient(to bottom left,#0168ab,#006eb6);
        height: 400px;
    }

        .login-cover .right-container .login-img {
            display: none;
        }

        .login-cover .right-container h3 {
            text-align: center;
            margin-top: 84px;
            margin-bottom: 20px;
            /*text-transform: uppercase;*/
            color: #fff;
            letter-spacing: 2px;
            font-weight: 500;
        }

        .login-cover .right-container .form-control {
            border: none;
            border-bottom: 1px solid #adadad;
            border-radius: 0;
        }

.btn-blue {
    background-color: white !important;
    border-color: white !important;
    color: #0168ab !important;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

.login-container .login-form {
    margin: 77px auto 20px !important;
}
/*******Backend Dashboard start********/
.navbar-inverse-top {
    background-color: #fff !important;
}

.menu-1 li a {
    color: #0168ab !important;
    font-size: 14px !important;
    text-transform: uppercase;
    font-weight: 600 !important;
    border: 1px solid #0168ab;
}

.navbar-inverse .navbar-nav .dropdown-user a {
    color: #000 !important;
}

.menu-1 {
    margin-left: 25px;
}

    .menu-1 li a.current-menu, .menu-1 li a.active, .menu-1 li a:hover, .menu-1 li a:focus {
        background-color: #0168ad !important;
        color: #fff !important;
        text-decoration: none;
    }

    .menu-1 li a {
        padding: 5px 10px !important;
        margin: 6px 4px !important;
    }

    .menu-1 li {
        background-color: transparent !important;
    }

        .menu-1 li a:hover {
            background-color: #0168ad !important;
            color: #fff !important;
            text-decoration: none;
            padding: 9px 9px;
            margin: 12px 10px
        }

.navbar-brand.navbar-brand-top img {
    height: 35px;
    margin-top: 7px;
}

#navbar-second .menu-2 li a.submenu-link {
    color: #fff;
    padding: 5px 7px !important;
    border: 1px solid #fff;
    margin: 5px;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 0px !important;
}

.navbar-height {
    min-height: auto !important;
}

body {
    font-family: 'Open Sans', sans-serif;
}

.menu-1 li a i {
    font-size: 15px !important;
    margin-right: 0.2rem !important;
}

.menu-3 li a {
    font-size: 13px !important;
    text-transform: uppercase;
    font-weight: 600 !important;
}

    .menu-3 li a i {
        font-size: 17px;
    }

.navbar-right li.dropdown-user a:hover, .navbar-right li.dropdown-user a.active, .navbar-right li.dropdown-user a:focus {
    background-color: #0168ab;
    color: #fff !important;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    background-color: #0168ab !important;
    color: #fff !important;
}

.menu-3 li.dropdown a:hover {
    background-color: #fff;
    color: #0168ab !important;
}

.navbar-nav li.dropdown a.background-box:hover, .navbar-nav li.dropdown a.background-box:focus {
    background-color: #fff !important;
    color: #0168ab !important;
}

.background-box {
    background: #fff;
    color: #0168ab !important;
    padding: 5px 13px !important;
    border: 1px solid #ccc;
    margin: 10px;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    font-weight: 700;
}

.menu-3 li a {
    border: 1px solid #fff;
    padding: 4px 7px;
    margin-top: 5px;
    margin-left: 8px;
}

    .menu-3 li a.background-box :hover {
        background-color: #fff !important;
    }

    .menu-3 li a.background-box i {
        font-size: 18px;
    }

.navbar-inverse-color {
    background-color: #e6e6e6 !important;
}

.menu-4 li a {
    border: 3px solid #0168ab !important;
    color: #0168ab !important;
    padding: 5px 11px !important;
    margin: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

    .menu-4 li a.active, .menu-4 li a:hover {
        background: #0168ab !important;
        color: #fff !important;
    }

#navbar-second li.nav-item a.active {
    background: #fff;
    color: #0168ab !important;
}

.affix {
    top: 92px;
    z-index: 100000 !important;
    background: #ddd;
}

#main-header {
    overflow: visible;
    background-color: #333;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

/*#navbar-third {
    min-height: 58px !important;
}*/

#navbar-second .navbar-collapse > ul.menu-2, #navbar-third .navbar-collapse > ul.menu-4 {
    display: none;
}

.table-employee-salary tbody > tr > td {
    vertical-align: top !important;
}

.modal {
    z-index: 99999;
}

.data-table thead th {
    font-weight: 600;
}

.ranges ul li.active {
    color: #fff;
    background-color: #0168ab !important;
}

.daterangepicker td.active, .daterangepicker td.active:focus, .daterangepicker td.active:hover {
    background-color: #0168ab !important;
    color: #fff;
    border-radius: 2px;
}

.range_inputs .btn-success {
    color: #fff;
    background-color: #0168ab !important;
    border-color: #0168ab !important;
}

.datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover, .datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
    background-color: #0168ab !important;
    color: #fff;
}

.datepicker.datepicker-dropdown {
    z-index: 10000;
}

.mt-150 {
    margin-top: 150px;
}

.p-0 {
    padding: 0 !important;
}

.wizard > .actions > ul > li > a {
    background: #0168ab;
}

.wizard > .steps > ul > li.done .number {
    font-size: 0;
    background-color: #0168ab;
    border-color: #0168ab;
    color: #fff;
}

.wizard > .steps > ul > li::after, .wizard > .steps > ul > li::before {
    background-color: #0168ab;
}

.mt-form5 {
    margin-bottom: 5px !important;
}
/*******Backend Dashboard end********/
.solid {
    border-style: solid !important;
    border-width:thin;
}
tr.bordered {
    border-bottom: 1px solid gray;
}
.page-header-content-padding{
    padding:10px 20px;
}
.page-header-content.page-header-content-padding > .breadcrumb:first-child {
    padding-top:0 !important;
}
.page-header-content ul.breadcrumb li a, .page-header-content ul.breadcrumb li.active {
    font-size: 18px;
}
.page-header-padding{
    margin-bottom:0px !important;
}
.content.salary-index-page, .content.leave-request-data, .content.daily-reports, .content.attendance_request, .content.holidays-data, .content.leave-request, .content.transactions, .content.accounting-categories, .content.projects-page, .content.accounts-page,
.content.entries-accounting, .content.projects-requirements, .content.quotes-projects, .content.hr-contacts, .content.hr-clients, .content.settings-users, .content.salaryheads, .content.advance-amount, .content.salary-payslip, .content.generalsettings,
.content.doc-manager, .content.settings-types, .content.departments, .content.settings-roles, .content.accounting-invoice, .content.entries, .content.chart-accounts, .content.accounts-summary, .content.employee-salary, .content.projectdetails, .content.projects-edit, .content.req-details, .content.req-edit, .content.quote-deliveries, .content.quotes-edit, .content.create-quote,
.content.project-deliveries, .content.client-details, .content.create-transaction, .content.create-category, .content.create-account, .content.create-group, .content.create-ledger, .content.entries-content, .content.invoice-create, .content.projects-create, .content.create-requirement, .content.create-invoice, .content.edit-invoice, .content.collections, .content.holiday-details,
.content.holiday-edit, .content.create-leave-request, .content.details-leaverequest, .content.create-daily-reports, .content.contact-details-content, .content.create-contact, .content.edit-contact, .content.client-create, .content.edit-client, .content.create-user, .content.edit-user, .content.user-details, .content.salary-heads, .content.edit-salary-head, .content.create-salary-head,
.content.advance-edit, .content.create-salaries, .content.create-sal, .content.create-type, .content.department-details, .content.edit-dep, .content.create-dep, .content.edit-role, .content.role-details, .content.create-role, .content.manage-template, .content.create-email, .content.email-edit, .content.details-roles {
    padding: 5px !important;
}

.salary-index-page .form-group {
    margin-bottom: 0px !important;
}
.panel.panel-salary-datatable > .dataTables_wrapper .datatable-header{
    padding-left:0px;
    padding-right:5px;
}
.panel.panel-salary-datatable .datatable-header{
    padding-top:5px;
}
.panel.panel-salary-datatable .dataTables_filter{
    margin-bottom:10px;
}
.checkbox-select-border {
    border: 1px solid black;
    padding: 8px 12px 7px 13px;
}

ul.navbar-right.menu-3 li a.active {
    background: #fff;
    color: #0168ab;
}
.btn-width, a.btn-width {
    width: 146px;
    float: left;
    display: inline-block;
    margin-left: 10px;
    margin-top:0px !important;
}
.btn-width-135, a.btn-width-135 {
    width: 153px;
    float: left;
    display: inline-block;
    margin-left: 10px;
    margin-top: 0px !important;
}

@media only screen and (min-width:1200px) {
    .salary-index-page .col-lg-2, .attendance_records .col-lg-2, .attendance_request .col-lg-2, .settings-users .col-lg-2, .accounting-invoice .col-lg-2, .leave-request-data .col-lg-2, .project-deliveries .col-lg-2, .projects-page .col-lg-2 {
        width: 13.66666667%;
    }
}
.bootstrap-datetimepicker-widget.dropdown-menu {
   
    width: auto !important;
}


#confirmBox {
    display: none;
    background-color: #eee;
    border-radius: 5px;
    border: 1px solid #aaa;
    position: fixed;
    width: 300px;
    left: 50%;
    margin-left: -150px;
    padding: 6px 8px 8px;
    box-sizing: border-box;
    text-align: center;
    z-index: 1000;
}

    #confirmBox .button {
        background-color: #ccc;
        display: inline-block;
        border-radius: 3px;
        border: 1px solid #aaa;
        padding: 2px;
        text-align: center;
        width: 80px;
        cursor: pointer;
    }

        #confirmBox .button:hover {
            background-color: #ddd;
        }

    #confirmBox .message {
        text-align: left;
        margin-bottom: 8px;
    }

.confirmbox-style {
    width: 300px;
    /*height: 133px;*/
    height: auto;
    background-color: white !important;
    border: 1px solid #999 !important;
}

    .confirmbox-style .message {
        text-align: center !important;
        margin: 0 auto !important;
        display: block !important;
        padding: 10px !important;
    }

    .confirmbox-style .deleteicon {
        width: 50px;
        height: 50px;
    }

.yes-btn {
    padding: 5px !important;
}

.no-btn {
    padding: 5px !important;
}