i {
    cursor: default
}
* {
    outline: 0
}
.radius {
    border-radius: 5px;
}
.round {
    border-radius: 100px
}
/*******************************************************End Main*******************************************************/
/***************************************************Start Framework***************************************************/

/***************************************Start Messages***************************************/
.message {
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
    border-radius: 3px
}
.message i {
    font-size: 18px
}
.message i.fa-info-circle {
    cursor: default !important
}
.message h6, .message h5, .message h4, .message h4,
.message h3, .message h2, .message h2, .message h1 {
    display: inline-block;
    margin: 0
}
.message p {
    margin: 4px 0 4px 0
}
.message .button {
    display: inline-block;
    padding: 5px 15px;
    border-radius: 3px
}
.message i.fa-times {
    float: right;
    cursor: pointer;
    color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    font-size: 16px
}
.message p,
.message span {
    font-size: 16px;
    line-height: 1.3em
}
.message ul {
    padding-left: 25px;;
    margin: 0 !important
}
.message ul li {
    line-height: 1.3
}
.message-success {
    color: #43A047;
    background-color: #fff;
    -webkit-box-shadow: 0 0 1px rgba(204, 204, 204,.5);
    box-shadow: 0 1px 1px rgba(204, 204, 204,.5);
    border-top: 1px solid rgba(209, 209, 209, 0.5);
}
.message-info {
    color: #00ACC1;
    background-color: #fff;
    -webkit-box-shadow: 0 0 1px rgba(204, 204, 204,.5);
    box-shadow: 0 1px 1px rgba(204, 204, 204,.5);
    border-top: 1px solid rgba(209, 209, 209, 0.5);
}
.message-warning {
    color: #F9A825;
    background-color: #fff;
    -webkit-box-shadow: 0 0 1px rgba(204, 204, 204,.5);
    box-shadow: 0 1px 1px rgba(204, 204, 204,.5);
    border-top: 1px solid rgba(209, 209, 209, 0.5);
}
.message-danger {
    color: #e53935;
    background-color: #fff;
    -webkit-box-shadow: 0 0 1px rgba(204, 204, 204,.5);
    box-shadow: 0 1px 1px rgba(204, 204, 204,.5);
    border-top: 1px solid rgba(209, 209, 209, 0.5);
}
.message-success i.fa-times,
.message-info i.fa-times,
.message-warning i.fa-times,
.message-danger i.fa-times {
    color: #dadada
}
.message i.fa-times:hover {
    color: #bbbbbb
}
.message-success-colored {
    background-color: #4CAF50;
    border: 1px solid #43A047;
    color: #fdfdfd
}
.message-info-colored {
    background: #00BCD4;
    border: 1px solid #00ACC1;
    color: #fdfdfd
}
.message-warning-colored {
    background-color: #FBC02D;
    border: 1px solid #F9A825;
    color: #fdfdfd
}
.message-danger-colored {
    background-color: #f44336;
    border: 1px solid #e53935;
    color: #fdfdfd
}
/***************************************End Messages***************************************/

.border-success-full {
    border: 3px solid #43A047;
}
.border-info-full {
    border: 3px solid #00BCD4;
}
.border-warning-full {
    border: 3px solid #F9A825;
}
.border-danger-full {
    border: 3px solid #e53935;
}
.border-success-top {
    border-top: 3px solid #43A047;
}
.border-success-right {
    border-right: 3px solid #43A047;
}
.border-success-bottom {
    border-bottom: 6px solid #43A047;
}
.border-success-left {
    border-left: 3px solid #43A047;
}
.border-info-top {
    border-top: 3px solid #00BCD4;
}
.border-info-right {
    border-right: 3px solid #00BCD4;
}
.border-info-bottom {
    border-bottom: 3px solid #00BCD4;
}
.border-info-left {
    border-left: 3px solid #00BCD4;
}
.border-warning-top {
    border-top: 3px solid #F9A825;
}
.border-warning-right {
    border-right: 3px solid #F9A825;
}
.border-warning-bottom {
    border-bottom: 3px solid #F9A825;
}
.border-warning-left {
    border-left: 3px solid #F9A825;
}
.border-danger-top {
    border-top: 3px solid #e53935;
}
.border-danger-right {
    border-right: 3px solid #e53935;
}
.border-danger-bottom {
    border-bottom: 3px solid #e53935;
}
.border-danger-left {
    border-left: 3px solid #e53935;
}
/***************************************End Alerts***************************************/
/**************************************Start Buttons**************************************/
.button {
    padding: 8px 15px;
    font-size: 15px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    text-align: center;
    cursor: pointer;
    border-radius: 3px
}
.button-default {
    background-color: rgb(248, 248, 248);
    box-shadow: 0px 0px 1px rgba(204, 204, 204, 0.5);
    border: 1px solid rgba(204, 204, 204, 0.5);
    color: #5D5D5D

}
.button-default:hover {
    background-color: rgb(251, 251, 251);
    box-shadow: 0px 0px 3px rgba(204, 204, 204, 0.8);
    color: #3B3B3B
}
.button-default:active {
    background-color: rgb(251, 251, 251);
    box-shadow: 0px 0px 2px rgba(204, 204, 204, 0.5), inset  0px 0px 5px rgba(204, 204, 204, 0.6)
}

.button-primary {
    background-color: #673AB7;
    box-shadow: 0px 0px 1px rgb(94, 53, 177);
    border: 1px solid #47229B;
    color: #f5f5f5;
}
.button-primary:hover {
    background-color: #7E57C2;
    box-shadow: 0px 0px 2px rgb(91, 40, 194);
    color: #fff;
    border-color: #633EB9
}
.button-primary:active {
    background-color: #7E57C2;
    box-shadow: 0px 0px 2px rgb(94, 53, 177), inset  0px 0px 6px rgba(49, 27, 146, 0.8)
}

.button-success {
    background-color: #4CAF50;
    box-shadow: 0px 0px 1px #388E3C;
    border: 1px solid #388E3C;
    color: #f5f5f5;
}
.button-success:hover {
    background-color: #47B94C;
    box-shadow: 0px 0px 3px #388E3C;
}
.button-success:active {
    background-color: #4CAF50;
    box-shadow: 0px 0px 2px #388E3C, inset  0px 0px 5px #2E7D32
}

.button-info {
    background-color: #00BCD4;
    box-shadow: 0px 0px 1px rgba(0, 131, 143, 0.6);
    border: 1px solid #00ACC1;
    color: #f5f5f5;
}
.button-info:hover {
    background-color: rgb(38, 198, 218);
    box-shadow: 0px 0px 2px rgba(0, 131, 143, 0.8);
    color: #fff
}
.button-info:active {
    background-color: rgb(38, 198, 218);
    box-shadow: 0px 0px 2px rgba(0, 96, 100, 0.4), inset  0px 0px 5px rgba(0, 96, 100, 0.8)
}

.button-warning {
    background-color: #FF9800;
    box-shadow: 0px 0px 1px rgba(230, 81, 0, 0.6);
    border: 1px solid #FB8C00;
    color: #f5f5f5;
}
.button-warning:hover {
    background-color: #FFA726;
    box-shadow: 0px 0px 2px rgba(230, 81, 0, 0.8);
    color: #fff
}
.button-warning:active {
    background-color: #FFA726;
    box-shadow: 0px 0px 2px rgba(230, 81, 0, 0.5), inset  0px 0px 5px rgba(230, 81, 0, 0.8)
}

.button-danger {
    background-color: #f44336;
    box-shadow: 0px 0px 1px #d32f2f;
    border: 1px solid #d32f2f;
    color: #f5f5f5;
}
.button-danger:hover {
    background-color: #ff3526;
    box-shadow: 0px 0px 2px #d32f2f;
}
.button-danger:active {
    background-color: #ff3526;
    box-shadow: 0px 0px 2px #d32f2f, inset  0px 0px 5px #b71c1c
}
.button-link {
    background: transparent;
    border: none;
    cursor: pointer
}
.link-default-white {
    color: #fff
}
.link-default {
    color: #5D5D5D
}
.link-primary {
    color: #673AB7
}
.link-success {
    color: #4CAF50
}
.link-info {
    color: #00BCD4
}
.link-warning {
    color: #FF9800
}
.link-danger {
    color: #f44336
}
.link-default-white:hover,
.link-default:hover,
.link-primary:hover,
.link-success:hover,
.link-info:hover,
.link-warning:hover,
.link-danger:hover {
    text-decoration: underline
}
.button-default-flat {
    background-color: rgb(248, 248, 248);
    border: 1px solid rgba(204, 204, 204, 0.5);
    color: #5D5D5D;
}
.button-default-flat:hover {
    background-color: rgb(252, 252, 252);
    color: #3B3B3B
}
.button-default-flat:active {
    background-color: rgb(240, 240, 240);
}

.button-primary-flat {
    background-color: #673AB7;
    border: 1px solid #47229B;
    color: #f5f5f5;
}
.button-primary-flat:hover {
    background-color: #7E57C2;
    border-color: #633EB9;
    color: #fff
}
.button-primary-flat:active {
    background-color: #512DA8
}

.button-success-flat {
    background-color: #4CAF50;
    border: 1px solid #388E3C;
    color: #f5f5f5
}
.button-success-flat:hover {
    background-color: #66BB6A;
    color: #fff
}
.button-success-flat:active {
    background-color: #388E3C
}

.button-info-flat {
    background-color: rgb(38, 198, 218);
    border: 1px solid #00ACC1;
    color: #f5f5f5
}
.button-info-flat:hover {
    background-color: #4DD0E1;
    color: #fff
}
.button-info-flat:active {
    background-color: #00ACC1
}

.button-warning-flat {
    background-color: #FF9800;
    border: 1px solid #FB8C00;
    color: #f5f5f5
}
.button-warning-flat:hover {
    background-color: #FFA726;
    color: #fff
}
.button-warning-flat:active {
    background-color: #F57C00
}

.button-danger-flat {
    background-color: #f44336;
    border: 1px solid #d32f2f;
    color: #f5f5f5 !important
}
.button-danger-flat:hover {
    background-color: #ff2818;
    color: #fff !important
}
.button-danger-flat:active {
    background-color: #d32f2f !important
}

.button-border {
    border: 2px solid;
    background: transparent;
    color: #5D5D5D;
}
.border-default {
    border-color: rgba(204, 204, 204, 0.5);
}
.border-default:hover {
    background-color: rgba(204, 204, 204, 0.5);
    color: #3B3B3B
}
.border-default:active {
    background-color: rgb(204, 204, 204);
    border-color: rgb(204, 204, 204);
}
.border-primary {
    border-color: #673AB7;
    color: #673AB7
}
.border-primary:hover {
    background-color: #673AB7;
    color: #fff
}
.border-primary:active {
    background-color: #512DA8;
    border-color: #512DA8;
}
.border-success {
    border-color: #4CAF50;
    color: #4CAF50
}
.border-success:hover {
    background-color: #4CAF50;
    color: #fff
}
.border-success:active {
    background-color: #388E3C;
    border-color: #388E3C
}
.border-info {
    border-color: #00BCD4;
    color: #00BCD4
}
.border-info:hover {
    background-color: #26C6DA;
    color: #fff
}
.border-info:active {
    background-color: #00ACC1;
    border-color: #00ACC1;
}
.border-warning {
    border-color: #FF9800;
    color: #FF9800
}
.border-warning:hover {
    background-color: #FF9800;
    color: #fff
}
.border-warning:active {
    background-color: #EF6C00;
    border-color: #EF6C00;
}
.border-danger {
    border-color: #f44336;
    color: #f44336
}
.border-danger:hover {
    background-color: #f44336;
    color: #fff
}
.border-danger:active {
    background-color: #d32f2f;
    border-color: #d32f2f
}
/****************************************End Buttons****************************************/
/****************************************Start Inputs****************************************/
.input {
    padding: 10px;
    border: 2px solid;
    color: #5D5D5D;
    transition: all .5s ease-in-out;
    font-size: 15px;
    resize: none;
    width: 100%;
    border-radius: 3px
}
.input-default {
    border-color: rgba(204, 204, 204, 0.6);
}
.input-default:hover {
    background-color:  rgba(204, 204, 204, 0.6)
}
.input-default:focus {
    background-color: rgba(204, 204, 204, 1);
    border-color: rgba(204, 204, 204, 1);
    color: #606060
}
.input-primary {
    border-color: #673AB7;
}
.input-primary:hover {
    background-color: #9575CD !important;
    border-color: #9575CD !important;
    color: #fff
}
.input-primary:focus {
    background-color: #7E57C2 !important;
    border-color: #7E57C2 !important;
    color: #fff
}
.input-success {
    border-color: #4CAF50;
}
.input-success:hover {
    background-color: #4CAF50;
    color: #fff
}
.input-success:focus {
    background-color: #388E3C;
    border-color: #388E3C;
    color: #fff
}
.input-info {
    border-color: #00BCD4;
}
.input-info:hover {
    background-color: #00BCD4;
    color: #fff
}
.input-info:focus {
    background-color: #0097A7;
    border-color: #0097A7;
    color: #fff
}
.input-warning {
    border-color: #FF9800;
}
.input-warning:hover {
    border-color: #FF9800;
    background-color: #FF9800;
    color: #fff
}
.input-warning:focus {
    border-color: #F57C00;
    background-color: #F57C00;
    color: #fff
}
.input-danger {
    border-color: #f44336;
}
.input-danger:hover {
    border-color: #f44336;
    background-color: #f44336;
    color: #fff
}
.input-danger:focus {
    border-color: #d32f2f;
    background-color: #d32f2f;
    color: #fff
}
.input-default-active {
    background-color: rgba(204, 204, 204, 1);
    border-color: rgba(204, 204, 204, 1);
    color: #606060
}
.input-primary-active {
    background-color: #512DA8;
    border-color: #512DA8;
    color: #fff
}
.input-success-active {
    background-color: #388E3C;
    border-color: #388E3C;
    color: #fff
}
.input-info-active {
    background-color: #0097A7;
    border-color: #0097A7;
    color: #fff
}
.input-warning-active {
    border-color: #F57C00;
    background-color: #F57C00;
    color: #fff
}
.input-danger-active {
    border-color: #d32f2f;
    background-color: #d32f2f;
    color: #fff
}

.input-default-shadow {
    border-color: transparent;
    box-shadow: 0 0 2px rgb(204, 204, 204)
}
.input-default-shadow:hover {
    box-shadow: 0 0 4px rgb(204, 204, 204)
}
.input-default-shadow:focus {
    box-shadow: 0 0 6px rgb(204, 204, 204)
}
.input-primary-shadow {
    border-color: transparent;
    box-shadow: 0 0 2px rgb(103, 58, 183);
}
.input-primary-shadow:hover {
    box-shadow: 0 0 4px rgb(103, 58, 183);
}
.input-primary-shadow:focus {
    box-shadow: 0 0 6px rgb(103, 58, 183);
}
.input-success-shadow {
    border-color: transparent;
    box-shadow: 0 0 2px #4CAF50
}
.input-success-shadow:hover {
    box-shadow: 0 0 4px #4CAF50
}
.input-success-shadow:focus {
    box-shadow: 0 0 6px #4CAF50
}
.input-info-shadow {
    border-color: transparent;
    box-shadow: 0 0 2px #00BCD4
}
.input-info-shadow:hover {
    box-shadow: 0 0 4px #00BCD4
}
.input-info-shadow:focus {
    box-shadow: 0 0 6px #00BCD4
}
.input-warning-shadow {
    border-color: transparent;
    box-shadow: 0 0 2px #FF9800
}
.input-warning-shadow:hover {
    box-shadow: 0 0 4px #FF9800
}
.input-warning-shadow:focus {
    box-shadow: 0 0 6px #FF9800
}
.input-danger-shadow {
    border-color: transparent;
    box-shadow: 0 0 2px #f44336
}
.input-danger-shadow:hover {
    box-shadow: 0 0 4px #f44336
}
.input-danger-shadow:focus {
    box-shadow: 0 0 6px #f44336
}

.input-shadow-default {
    box-shadow: 0 0 4px rgb(204, 204, 204)
}
.input-shadow-primary {
    box-shadow: 0 0 4px rgb(103, 58, 183);
}
.input-shadow-success {
    box-shadow: 0 0 4px #4CAF50
}
.input-shadow-info {
    box-shadow: 0 0 4px #00BCD4
}
.input-shadow-warning {
    box-shadow: 0 0 4px #FF9800
}
.input-shadow-danger {
    box-shadow: 0 0 4px #f44336
}
.input-default-shadow-active {
    box-shadow: 0 0 4px rgb(204, 204, 204)
}
.input-primary-shadow-active {
    box-shadow: 0 0 4px rgb(103, 58, 183);
}
.input-success-shadow-active {
    box-shadow: 0 0 4px #4CAF50
}
.input-info-shadow-active {
    box-shadow: 0 0 4px #00BCD4
}
.input-warning-shadow-active {
    box-shadow: 0 0 4px #FF9800
}
.input-danger-shadow-active {
    box-shadow: 0 0 4px #f44336
}
/****************************************End Inputs****************************************/