.btn, .well, .label, .thumbnail, .panel-heading, .alert, .panel, .progress, .input-group-sm .form-control, .input-group-sm .input-group-addon, .input-group-sm .input-group-btn .btn, .input-group-lg .form-control, .input-group-lg .input-group-addon, .input-group-lg .input-group-btn .btn, .list-group-item:first-child, .list-group-item:last-child, .form-control, .input-group-addon, .input-group-btn .btn, .dropdown-menu, .panel-group .panel, .panel-group .panel-heading, .pager li a, .pager li span, .breadcrumb, .nav-tabs li a, .nav-pills li a, .btn-xs, .btn-group .btn, .pagination, .modal-content{ border-radius: 0}

/*----------  //PANEL ----------*/
.panel-default, .panel-primary, .panel-success, .panel-info, .panel-warning, .panel-danger{ box-shadow: 0 1px .5px rgba(30,30,30,.02); border: 1px solid #eee}
.panel-default .panel-heading{ background: #fff; border: none; color: #898989; font-size: 14px; text-transform: uppercase; padding: 15px}
.panel-default .panel-heading i {position: relative; font-style: normal; font-weight: 100; padding-right: 25px;}
.panel-heading i:before, .panel-heading i:after { content: ""; position: absolute; background: #898989; height: 1px;}
.panel-heading i:after { width: 12px; right: 8px; top: 8px;}
.panel-heading i:before { width: 20px; right: 0; top: 4px;}
.panel-heading i:first-letter{ color: #000}

/*----------  //FORM ----------*/
.form-ui label{ text-transform: uppercase; font-weight: 100;}
.form-ui .form-control, 
.form-ui .input-group-shadow{ border-color: #e8ecec; box-shadow: none; /*webkit-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.07); box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.07);*/}
.form-ui .input-group-shadow .form-control{-webkit-box-shadow: none; box-shadow: none;}
.form-ui .form-control:focus{ border-color: #ccc; outline: none !important}
.form-ui .form-control.input-lg{ font-size: 12px; text-transform: uppercase; color: #999}

.form-ui-material .form-group{ margin-bottom: 20px; margin-top: 5px; position: relative}
.form-ui-material .form-group label{ position: absolute; font-size: 12px; text-transform: uppercase; color: #B9B9B9; font-weight: 100; top: 15px; left: 5px; pointer-events: none; transition:0.2s ease all; background: #fff; padding: 0 5px; margin: 0}
.form-ui-material .form-group .form-control{ box-shadow: none !important; border-color: #eee; font-size: 12px; text-transform: uppercase; color: #B9B9B9; height: 46px; line-height: 1.33;}
.form-ui-material .form-group textarea.form-control{ resize:none; -webkit-transition: all 333ms ease-in-out; -moz-transition: all 333ms ease-in-out; -o-transition: all 333ms ease-in-out; -ms-transition: all 333ms ease-in-out; transition: all 333ms ease-in-out;}
.form-ui-material .form-group.search_options{ margin: 5px;}
.form-ui-material .form-group.search_options .form-control{ height: 35px;}
.form-ui-material .form-group textarea.form-control:focus,
.form-ui-material .form-group textarea.form-control.has-value{ height: 150px;}
.form-ui-material .form-group .input-group-addon{ background: #F9F9F9; border-color: #eee}

.form-ui-material .form-group .form-control:focus{ outline: none !important box-shadow: none !important;}
.form-ui-material .form-group .form-control:focus ~ label,
.form-ui-material .form-group .form-control.has-value ~ label{ top: -8px; font-size: 12px; color: #F09C00;}
.form-ui-material .form-group .form-control:focus ~ .bar{ width: 100%; background: #F09C00; left: 0}
.form-ui-material .form-group p{ color: #ccc; font-size: 12px;}
.form-ui-material .form-group .form-control[disabled],
.form-ui-material .form-group .form-control[readonly]{background-color: #fff; border-bottom: 1px dotted #eee; color: #ccc }
.form-ui-material .form-group .form-control[disabled] ~ label,
.form-ui-material .form-group .form-control[readonly] ~ label{color: #ccc}
.form-ui-material .form-group .bar{ width: 0; height: 3px; position: absolute; left: 50%; bottom: 0; transition:0.4s ease all;}

.form-ui-material .ui{ padding: 0; margin: 10px 0 !important}
.form-ui-material .ui label{ position: relative; margin: 0; font-weight: 100 !important; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.form-ui-material .ui label.inline{margin-right: 10px; position: relative}

.form-ui-material .ui label.inline input[type=checkbox]+span,
.form-ui-material .ui label.inline input[type=radio]+span{ padding-left: 5px;}

.form-ui-material .ui label input[type=checkbox],
.form-ui-material .ui label input[type=radio]{ position: absolute; left: 0; top: 0; display: none}

.form-ui-material .ui label input[type=checkbox]+span,
.form-ui-material .ui label input[type=radio]+span{ padding-left: 18px; font-size: 14px;}

.form-ui-material .ui label input[type=checkbox]+span:before,
.form-ui-material .ui label input[type=radio]+span:before{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; content: ""; position: absolute; left: 0; z-index: 1; width: 18px; height: 18px; border: 2px solid #ddd;}

.form-ui-material .ui label input[type=checkbox]:checked+span:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); height: 10px; border-color: #F09C00; border-top-style: none; border-right-style: none;}

.form-ui-material .ui label input[type=radio]+span:before{ border-radius: 100%;}
.form-ui-material .ui label input[type=radio]:checked+span:before{border-width: 6px; border-color: #F09C00}

.form-ui-material .ui label input[type=checkbox]:checked+span:disabled:before, 
.form-ui-material .ui label input[type=checkbox]:disabled+span:before, 
.form-ui-material .ui label input[type=checkbox]:disabled+span, 
.form-ui-material .ui label input[type=radio]:checked+span:disabled:before,
.form-ui-material .ui label input[type=radio]:disabled+span{border-color: #eee; color: #ccc; cursor: not-allowed;}



/*----------  //BUTTONS ----------*/
.btn{color: #fff !important; font-size: 14px; border: none !important; -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.15); box-shadow: inset 0 -2px 0 rgba(0,0,0,.15); position: relative; overflow: hidden;}
.btn:active,
.btn:focus,.btn:hover{ outline: none !important;}
.btn-default{background: #333;}
.btn-primary{ background: #649AE1}
.btn-success{ background: #85D27A}
.btn-info{ background: #55BADF}
.btn-warning{ background: #F7C65F}
.btn-danger{ background: #EC6F5A}
.btn-alert{ background: #A992E2}

.btn-primary:hover,.btn-primary:active,.btn-primary:focus{ background: #3078D7}
.btn-success:hover,.btn-success:active,.btn-success:focus{ background: #5BC24C}
.btn-info:hover,.btn-info:active,.btn-info:focus{ background: #27A2CF}
.btn-warning:hover,.btn-warning:active,.btn-warning:focus{ background: #F5B025}
.btn-danger:hover,.btn-danger:active,.btn-danger:focus{ background: #E63F24}
.btn-alert:hover,.btn-alert:active,.btn-alert:focus{ background: #8362D6}

.dropdown-menu .divider{ margin: 3px 0; background-color: #fcfcfc}

.btn-group-vertical{ margin-bottom: 20px;}


/*CUSTOM BUTTON*/
.btn-icon{ padding-right: 56px; padding-top: 0; padding-bottom: 0; height: 41px; line-height: 41px; font-size: 12px; font-weight: 300; text-transform: uppercase; text-align: left;}
.btn-icon i{ background: rgba(0,0,0, 0.2); position: absolute; right: 0; top: 0; height: 41px; width: 41px; line-height: 41px; text-align: center; font-size: 12px; }


/*----------  //ALERTS ----------*/
.alert i{ margin-right: 10px;}
.alert .close{ color: #fff; opacity: 0.5; line-height: 12px}
.alert .close:hover{opacity: 1}
.alert-success{ background: #85D27A; border-left: 5px solid; border-color: #5BC24C; color: #fff}
.alert-info{ background: #55BADF; border-left: 5px solid; border-color: #27A2CF; color: #fff}
.alert-warning{ background: #F7C65F; border-left: 5px solid; border-color: #F5B025; color: #fff}
.alert-danger{ background: #EC6F5A; border-left: 5px solid; border-color: #E63F24; color: #fff}

/*----------  //LABELS ----------*/
.label{ padding: 5px; font-weight: 300}
.label-success{ background: #85D27A; border-left: 5px solid; border-color: #5BC24C; color: #fff}
.label-info{ background: #55BADF; border-left: 5px solid; border-color: #27A2CF; color: #fff}
.label-warning{ background: #F7C65F; border-left: 5px solid; border-color: #F5B025; color: #fff}
.label-danger{ background: #EC6F5A; border-left: 5px solid; border-color: #E63F24; color: #fff}

/*----------  //TABLES ----------*/
.table{ border-color: #eee}
.table tbody tr td{ vertical-align: middle; font-weight: 100}
.table-bordered thead tr th, 
.table-bordered tbody tr th, 
.table-bordered tfoot tr th, 
.table-bordered thead tr td, 
.table-bordered tbody tr td, 
.table-bordered tfoot tr td{ border-color: #eee}
.table-bordered thead tr th, 
.table-bordered thead tr td{ border-bottom-width: 0; }
.table thead tr th{ text-transform: uppercase; padding: 10px; font-weight: 500}
.table .col-small{ width: 50px !important; min-width: 50px !important;}
.table .col-medium{width: 120px; min-width: 120px;}
/*----------  //DATA TABLE ----------*/
.data-table .col-small{ width: 20px !important; min-width: 20px !important;}
.dataTables_wrapper .form-control{ border-color: #e8ecec; box-shadow: none}

/*----------  //PAGINATOR ----------*/
.pagination{ margin:5px}
.pagination li:first-child a, 
.pagination li:first-child span, 
.pagination li:last-child a, 
.pagination li:last-child span{ border-radius: 0}
.pagination.pagination-lg li a{ font-size: 14px;}
.pagination li a{ background: #F7F7F7 !important; border-color: #fff !important}
.pagination li a:hover, 
.pagination li.active a{color: #fff !important; }

/*----------  //PROGRESS BAR ----------*/
.progress{ margin-bottom: 10px;}
.progress-small{ height: 8px}
.progress-bar-success{ background: #85D27A; color: #fff}
.progress-bar-info{ background: #55BADF; color: #fff}
.progress-bar-warning{ background: #F7C65F; color: #fff}
.progress-bar-danger{ background: #EC6F5A; color: #fff}
.progress-bar-alert{ background: #A992E2; color: #fff}

/*----------  //TEXTS ----------*/
.text-success{ color: #85D27A}
.text-info{ color: #55BADF}
.text-warning{ color: #F7C65F}
.text-danger{ color: #EC6F5A}
.text-alert{ color: #A992E2}

/*----------  //MODAL ----------*/
.modal-backdrop{ position: fixed; width: 100%; height: 100%; left: 0; top: 0;}
.modal-header{ padding: 25px; border:none; background: #2B2E33}
.modal-title{ border: none; color: #94989d; font-size: 14px; text-transform: uppercase; width: auto; display: table;}
.modal-title {position: relative; font-style: normal; padding-right: 25px;}
.modal-header .close{ font-size: 30px; color: #94989d; opacity: 1; margin-top: -5px; text-shadow: none; font-weight: 400}
.modal-content{ border:7px solid rgba(255,255,255, 0.2)}

/*----------  //EFFECTS ----------*/
@-webkit-keyframes 
clickeffect { from{width:0; height:0; margin-left:0; margin-top:0; opacity:.7} 
              to{width:300px; height:300px; margin-left:-150px; margin-top:-150px; opacity:0}}
              @keyframes 
              clickeffect { from{width:0; height:0; margin-left:0; margin-top:0; opacity:.7} 
                            to{width:300px; height:300px; margin-left:-150px; margin-top:-150px; opacity:0}}
                            .waves{border-radius:100%; position:absolute; z-index:100; background:rgba(255,255,255,0.2); pointer-events:none; animation:clickeffect 1s ease-in-out; -webkit-animation:clickeffect 1s ease-in-out; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards}