﻿  body-info {
		font-family: 'Varela Round', sans-serif;
	}
	.modal-confirm-info {		
		color: #636363;
		width: 400px;
	}
	.modal-confirm-info .modal-content {
		padding: 20px;
		border-radius: 5px;
		border: none;
        text-align: center;
		font-size: 14px;
	}
	.modal-confirm-info .modal-header {
		border-bottom: none;   
        position: relative;
	}
	.modal-confirm-info h4 {
		text-align: center;
		font-size: 26px;
		margin: 30px 0 -10px;
	}
	.modal-confirm-info .close {
        position: absolute;
		top: -5px;
		right: -2px;
	}
	.modal-confirm-info .modal-body {
		color: #999;
	}
	.modal-confirm-info .modal-footer {
		border: none;
		text-align: center;		
		border-radius: 5px;
		font-size: 13px;
		padding: 10px 15px 25px;
	}
	.modal-confirm-info .modal-footer a {
		color: #999;
	}		
	.modal-confirm-info .icon-box {
		width: 80px;
		height: 80px;
		margin: 0 auto;
		border-radius: 50%;
		z-index: 9;
		text-align: center;
		border: 3px solid #33A8FF;
	}
	.modal-confirm-info .icon-box i {
		color: #33A8FF;
		font-size: 46px;
		display: inline-block;
		margin-top: 13px;
	}
    .modal-confirm-info .btn {
        color: #fff;
        border-radius: 4px;
		background: #60c7c1;
		text-decoration: none;
		transition: all 0.4s;
        line-height: normal;
		min-width: 120px;
        border: none;
		min-height: 40px;
		border-radius: 3px;
		margin: 0 5px;
		outline: none !important;
    }
	.modal-confirm-info .btn-info {
        background: #c1c1c1;
    }
    .modal-confirm-info .btn-info:hover, .modal-confirm .btn-info:focus {
        background: #a8a8a8;
    }
    .modal-confirm-info .btn-info {
        background: #33A8FF;
    }
    .modal-confirm-info .btn-info:hover, .modal-confirm .btn-info:focus {
        background: #33A8FF;
    }
	.trigger-btn {
		display: inline-block;
		margin: 100px auto;
	} 

body-confirm {
		font-family: 'Varela Round', sans-serif;
	}
	.modal-confirm-confirm {		
		color: #636363;
		width: 400px;
	}
	.modal-confirm-confirm .modal-content {
		padding: 20px;
		border-radius: 5px;
		border: none;
        text-align: center;
		font-size: 14px;
	}
	.modal-confirm-confirm .modal-header {
		border-bottom: none;   
        position: relative;
	}
	.modal-confirm-confirm h4 {
		text-align: center;
		font-size: 26px;
		margin: 30px 0 -10px;
	}
	.modal-confirm-confirm .close {
        position: absolute;
		top: -5px;
		right: -2px;
	}
	.modal-confirm-confirm .modal-body {
		color: #999;
	}
	.modal-confirm-confirm .modal-footer {
		border: none;
		text-align: center;		
		border-radius: 5px;
		font-size: 13px;
		padding: 10px 15px 25px;
	}
	.modal-confirm-confirm .modal-footer a {
		color: #999;
	}		
	.modal-confirm-confirm .icon-box {
		width: 80px;
		height: 80px;
		margin: 0 auto;
		border-radius: 50%;
		z-index: 9;
		text-align: center;
		border: 3px solid #33A8FF;
	}
	.modal-confirm-confirm .icon-box i {
		color: #33A8FF;
		font-size: 46px;
		display: inline-block;
		margin-top: 13px;
	}
    .modal-confirm-confirm .btn {
        color: #fff;
        border-radius: 4px;
		background: #60c7c1;
		text-decoration: none;
		transition: all 0.4s;
        line-height: normal;
		min-width: 120px;
        border: none;
		min-height: 40px;
		border-radius: 3px;
		margin: 0 5px;
		outline: none !important;
    }
	.modal-confirm-confirm .btn-info {
        background: #c1c1c1;
    }
    .modal-confirm-confirm .btn-info:hover, .modal-confirm .btn-info:focus {
        background: #a8a8a8;
    }
    .modal-confirm-confirm .btn-info {
        background: #33A8FF;
    }
    .modal-confirm-confirm .btn-info:hover, .modal-confirm .btn-info:focus {
        background: #33A8FF;
    }
	.trigger-btn {
		display: inline-block;
		margin: 100px auto;
	}

     body-delete {
		font-family: 'Varela Round', sans-serif;
	}
	.modal-confirm-delete {		
		color: #636363;
		width: 400px;
	}
	.modal-confirm-delete .modal-content {
		padding: 20px;
		border-radius: 5px;
		border: none;
        text-align: center;
		font-size: 14px;
	}
	.modal-confirm-delete .modal-header {
		border-bottom: none;   
        position: relative;
	}
	.modal-confirm-delete h4 {
		text-align: center;
		font-size: 26px;
		margin: 30px 0 -10px;
	}
	.modal-confirm-delete .close {
        position: absolute;
		top: -5px;
		right: -2px;
	}
	.modal-confirm-delete .modal-body {
		color: #999;
	}
	.modal-confirm-delete .modal-footer {
		border: none;
		text-align: center;		
		border-radius: 5px;
		font-size: 13px;
		padding: 10px 15px 25px;
	}
	.modal-confirm-delete .modal-footer a {
		color: #999;
	}		
	.modal-confirm-delete .icon-box {
		width: 80px;
		height: 80px;
		margin: 0 auto;
		border-radius: 50%;
		z-index: 9;
		text-align: center;
		border: 3px solid #f15e5e;
	}
	.modal-confirm-delete .icon-box i {
		color: #f15e5e;
		font-size: 46px;
		display: inline-block;
		margin-top: 13px;
	}
    .modal-confirm-delete .btn {
        color: #fff;
        border-radius: 4px;
		background: #60c7c1;
		text-decoration: none;
		transition: all 0.4s;
        line-height: normal;
		min-width: 120px;
        border: none;
		min-height: 40px;
		border-radius: 3px;
		margin: 0 5px;
		outline: none !important;
    }
	.modal-confirm-delete .btn-info {
        background: #c1c1c1;
    }
    .modal-confirm-delete .btn-info:hover, .modal-confirm .btn-info:focus {
        background: #a8a8a8;
    }
    .modal-confirm-delete .btn-danger {
        background: #f15e5e;
    }
    .modal-confirm-delete .btn-danger:hover, .modal-confirm .btn-danger:focus {
        background: #ee3535;
    }
	.trigger-btn {
		display: inline-block;
		margin: 100px auto;
	}

    body-error {
		font-family: 'Varela Round', sans-serif;
	}
	.modal-confirm-error {		
		color: #636363;
		width: 400px;
	}
	.modal-confirm-error .modal-content {
		padding: 20px;
		border-radius: 5px;
		border: none;
        text-align: center;
		font-size: 14px;
	}
	.modal-confirm-error .modal-header {
		border-bottom: none;   
        position: relative;
	}
	.modal-confirm-error h4 {
		text-align: center;
		font-size: 26px;
		margin: 30px 0 -10px;
	}
	.modal-confirm-error .close {
        position: absolute;
		top: -5px;
		right: -2px;
	}
	.modal-confirm-error .modal-body {
		color: #999;
	}
	.modal-confirm-error .modal-footer {
		border: none;
		text-align: center;		
		border-radius: 5px;
		font-size: 13px;
		padding: 10px 15px 25px;
	}
	.modal-confirm-error .modal-footer a {
		color: #999;
	}		
	.modal-confirm-error .icon-box {
		width: 80px;
		height: 80px;
		margin: 0 auto;
		border-radius: 50%;
		z-index: 9;
		text-align: center;
		border: 3px solid #f15e5e;
	}
	.modal-confirm-error .icon-box i {
		color: #f15e5e;
		font-size: 46px;
		display: inline-block;
		margin-top: 13px;
	}
    .modal-confirm-error .btn {
        color: #fff;
        border-radius: 4px;
		background: #60c7c1;
		text-decoration: none;
		transition: all 0.4s;
        line-height: normal;
		min-width: 120px;
        border: none;
		min-height: 40px;
		border-radius: 3px;
		margin: 0 5px;
		outline: none !important;
    }
	.modal-confirm-error .btn-info {
        background: #c1c1c1;
    }
    .modal-confirm-error .btn-info:hover, .modal-confirm .btn-info:focus {
        background: #a8a8a8;
    }
    .modal-confirm-error .btn-danger {
        background: #f15e5e;
    }
    .modal-confirm-error .btn-danger:hover, .modal-confirm .btn-danger:focus {
        background: #ee3535;
    }
	.trigger-btn {
		display: inline-block;
		margin: 100px auto;
	}

     body-success {
		font-family: 'Varela Round', sans-serif;
	}
	.modal-confirm-success {		
		color: #636363;
		width: 400px;
	}
	.modal-confirm-success .modal-content {
		padding: 20px;
		border-radius: 5px;
		border: none;
        text-align: center;
		font-size: 14px;
	}
	.modal-confirm-success .modal-header {
		border-bottom: none;   
        position: relative;
	}
	.modal-confirm-success h4 {
		text-align: center;
		font-size: 26px;
		margin: 30px 0 -10px;
	}
	.modal-confirm-success .close {
        position: absolute;
		top: -5px;
		right: -2px;
	}
	.modal-confirm-success .modal-body {
		color: #999;
	}
	.modal-confirm-success .modal-footer {
		border: none;
		text-align: center;		
		border-radius: 5px;
		font-size: 13px;
		padding: 10px 15px 25px;
	}
	.modal-confirm-success .modal-footer a {
		color: #999;
	}		
	.modal-confirm-success .icon-box {
		width: 80px;
		height: 80px;
		margin: 0 auto;
		border-radius: 50%;
		z-index: 9;
		text-align: center;
		border: 3px solid #6fb32b;
	}
	.modal-confirm-success .icon-box i {
		color: #6fb32b;
		font-size: 46px;
		display: inline-block;
		margin-top: 13px;
	}
    .modal-confirm-success .btn {
        color: #fff;
        border-radius: 4px;
		background: #60c7c1;
		text-decoration: none;
		transition: all 0.4s;
        line-height: normal;
		min-width: 120px;
        border: none;
		min-height: 40px;
		border-radius: 3px;
		margin: 0 5px;
		outline: none !important;
    }
	.modal-confirm-success .btn-info {
        background: #c1c1c1;
    }
    .modal-confirm-success .btn-info:hover, .modal-confirm .btn-info:focus {
        background: #a8a8a8;
    }
    .modal-confirm-success .btn-success {
        background: #6fb32b;
    }
    .modal-confirm-success .btn-success:hover, .modal-confirm .btn-success:focus {
        background: #6fb32b;
    }
	.trigger-btn {
		display: inline-block;
		margin: 100px auto;
	}
	
	table.table td a.eye {
        color: #03A9F4;
    }
    table.table td a.new {
        color: #5cb85c;
    }
	table.table td a.edit {
        color: #FFC107;
    }
    table.table td a.delete {
        color: #F44336;
    }