/***************  BUTTON STYLES ***************/
 .btn {
     font-family: 'Exo 2', sans-serif;
     display: inline-block;
     padding: 12px 20px;
     box-sizing: border-box;
     border-style: solid;
     border-width: 1px;
     border-radius: 3px;
     border-color: transparent;
     font-size: 16px;
     line-height: 18px;
     text-align: center;
         cursor: pointer;
     -webkit-appearance: none;
     -webkit-transition: all 200ms ease-in-out;
     -moz-transition: all 200ms ease-in-out;
     -ms-transition: all 200ms ease-in-out;
     -o-transition: all 200ms ease-in-out;
     transition: all 200ms ease-in-out;
 }
 
 .btn.btn-white {
     background-color: #fff;
     color: #4c555f;
     border-color: #e7e9ea;
 }
 
 .btn.btn-white:hover,
 .btn.btn-white:focus {
     background-color: #fcfcfc;
     -webkit-transition: all 200ms ease-in-out;
     -moz-transition: all 200ms ease-in-out;
     -ms-transition: all 200ms ease-in-out;
     -o-transition: all 200ms ease-in-out;
     transition: all 200ms ease-in-out;
 }
 
 .btn.btn-blue {
     background-color: #708090;
     color: #fff;
     border-color: #708090;
 }
 
 .btn.btn-blue:hover,
 .btn.btn-blue:focus {
     background-color: #327fd2;
     -webkit-transition: all 200ms ease-in-out;
     -moz-transition: all 200ms ease-in-out;
     -ms-transition: all 200ms ease-in-out;
     -o-transition: all 200ms ease-in-out;
     transition: all 200ms ease-in-out;
 }
 
 .btn.btn-icon {
     padding-left: 40px;
     background-repeat: no-repeat;
     background-size: 16px 16px;
     background-position: left 14px center;
     /*  background-position-x: 14px;
     background-position-y: 10px;*/
 }
 
 .btn.btn-icon:hover,
 .btn.btn-icon:focus {
     background-position: left 12px center;
     /* background-position-x: 12px;*/
     -webkit-transition: all 200ms ease-in-out;
     -moz-transition: all 200ms ease-in-out;
     -ms-transition: all 200ms ease-in-out;
     -o-transition: all 200ms ease-in-out;
     transition: all 200ms ease-in-out;
 }
 
 .btn.btn-plus {
     background-image: url(../images/icn-btn-plus.png);
 }
 
 .btn.btn-minus {
     background-image: url(../images/icn-btn-minus.png);
 }
 
 .btn.btn-tools {
     background-image: url(../images/icn-btn-tools.png);
 }
 
 .btn-block {
     display: block;
 }
 /***************  FORMS STYLES ***************/
 
 .form-group {
     margin-bottom: 25px;
 }
 
 .form-group label {
     font-size: 18px;
     color: #666;
     margin-bottom: 8px;
     display: block;
 }
 
 .form-horizontal label {
     text-align: right;
     margin-top: 14px;
       font-size: 18px;
     color: #666;
   
     display: block;
 }
 /***************  TEXT FIELD STYLES ***************/
 
 .form-control-nofill {
     font-family: 'Exo 2', sans-serif;
     box-sizing: border-box;
     outline: 0;
     font-size: 16px;
     padding: 10px;
     background-color: #f7f7f7;
     border: 1px solid #e6e6e6;
     display: inline-block;
     border-radius: 3px;
     height: 45px;
 }
 .form-control {
     font-family: 'Exo 2', sans-serif;
     box-sizing: border-box;
     outline: 0;
     font-size: 16px;
     padding: 10px;
     background-color: #f7f7f7;
     border: 1px solid #e6e6e6;
     display: inline-block;
     width: 100%;
     border-radius: 3px;
     height: 45px;
 }
 /*textarea*/
 
 textarea {
     min-height: 140px;
     resize: vertical;
 }
 /*select*/
 
 .form-dropdown {
     position: relative;
     height: 45px;
 }
 
 .form-dropdown:after {
     position: absolute;
     top: 0;
     content: "";
 }
 
 .form-dropdown:after {
     right: 40px;
     bottom: 0;
     width: 1px;
     display: block;
     background-color: #e6e6e6;
     transition: all .2s ease-in-out;
 }
 
 .form-dropdown-sm:after {
     height: 30px;
     right: 30px;
 }
 
 .form-dropdown select {
     background-image: url(../images/icn-arrow-down.png);
     background-position: center right 14px;
     /* background-position-x: 97%;
     background-position-y: 14px;*/
     background-repeat: no-repeat;
     background-size: 10px 10px;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
 }
 
 .form-dropdown select::-ms-expand {
     display: none;
 }
 /***************  TABLE STYLES ***************/
 
 table {
     width: 100%;
     border-spacing: 0;
     border-collapse: collapse;
     margin-top: 15px;
     overflow-x: auto;
     overflow-y: visible;
 }
 
 td,
 th {
     padding: 0;
 }
 
 table tr th {
     color: #4c555f;
     padding: 12px;
     vertical-align: top;
     font-size: 18px;
     line-height: 18px;
     font-weight: 500;
     text-align: left;
     border-bottom: 1px solid #eee;
     vertical-align: middle;
 }
 
 table tr th a {
     font-size: 18px;
 }
 
 table tr td {
     color: #666;
     padding: 12px;
     vertical-align: top;
     font-size: 14px;
     line-height: 16px;
     font-weight: 500;
     text-align: left;
     border-top: 1px solid #eee;
     vertical-align: middle;
 }
 
 table tr td a {
     font-weight: 500 !important;
 }
 
 table tr td div label {
     font-size: 20px;
 }

table tr th.column-suppress {
     padding: 4px;
     font-size: 16px;
     line-height: 16px;
     font-weight: 300;
}

table tr th.column-suppress:hover {
     font-weight: 500;
}

table tr td.column-suppress {
     padding: 4px;
     font-size: 12px;
     line-height: 14px;
     font-weight: 300;
     white-space: nowrap;
}

table tr td.column-suppress:hover {
     font-weight: 500;
     white-space: nowrap;
}

 table.table-striped>tbody>tr:nth-of-type(odd) {
     background-color: #f9f9f9;
 }
 table.table-striped>tbody>tr:last-child {
     background-color: transparent;
     height: 88px;
 }
 
 table.table-striped-nested>tbody>tr:nth-child(4n+1) {
     background-color: #f9f9f9;
 }
 /*table actions*/
 
 table .view-link,
 table .plus-link {
     position: relative;
     padding-left: 22px;
     display: inline-block;
 }
 
 table .view-link {
     min-width: 70px;
 }
 
 table .view-link:after,
 table .plus-link:after {
     content: "";
     position: absolute;
     left: 0;
     background-position: center;
     width: 16px;
     height: 16px;
     background-size: 16px 16px;
     background-repeat: no-repeat;
     display: block;
 }
 
 table .view-link:after {
     background-image: url(../images/icn-table-view.png);
     top: 2px;
 }
 
 table .plus-link:after {
     background-image: url(../images/icn-table-plus.png);
     top: 1px;
 }
 
 .table-actions {
     float: right;
 }
 
 .trash-link,
 .add-link,
 .edit-link,
 .clean-cache-link {
     width: 16px;
     height: 16px;
     background-size: 16px 16px;
     background-repeat: no-repeat;
     background-position: center;
     display: block;
     float: left;
     padding: 0px 12px;
 }
 
 .trash-link {
     background-image: url(../images/icn-table-trash.png);
 }
 
 .add-link {
     background-image: url(../images/icn-table-plus.png);
 }

 .edit-link {
     background-image: url(../images/icn-table-edit.png);
 }
 
 .clean-cache-link {
     background-image: url(../images/icn-table-refresh.png);
 }
 
table tr {
     border-left: 4px solid transparent;
 }
 /*table nested*/
 
 .table-active {
     border-left: 4px solid #708090;
     background-color: #fff !important;
 }
 
 .table-active td {
     border-bottom: 0;
 }
 
 .table-nested {
     background-color: #f4f8f9;
     border-left: 4px solid #708090;
     display: none;
 }
 
 .table-nested table {
     margin-top: 0px;
 }
 
 .table-nested>td {
     background-color: #fff;
 }
 /*table settings dropdown*/
 
 .table-actions-dropdown {
     position: relative;
     overflow: visible !important;
 }
 
 .table-actions-dropdown .dropdown>li>a.table-settings {
     position: relative;
     background-image: url(../images/icn-user-settings.png);
     background-position: center;
     background-repeat: no-repeat;
     background-size: 18px 18px;
     height: 20px;
     width: 20px;
     padding: 6px 12px;
     display: inline-block;
     text-align: center;
     -webkit-transition: all 200ms ease-in-out;
     -moz-transition: all 200ms ease-in-out;
     -ms-transition: all 200ms ease-in-out;
     -o-transition: all 200ms ease-in-out;
     transition: all 200ms ease-in-out;
 }
 
 .table-actions-dropdown .dropdown>li>a.table-settings:hover,
 .table-actions-dropdown .dropdown>li>a.table-settings:focus,
 .table-actions-dropdown .dropdown>li>a.table-settings-active {
     background-image: url(../images/icn-user-settings-white.png);
     background-color: #708090;
     border-radius: 3px;
     -webkit-transition: all 200ms ease-in-out;
     -moz-transition: all 200ms ease-in-out;
     -ms-transition: all 200ms ease-in-out;
     -o-transition: all 200ms ease-in-out;
     transition: all 200ms ease-in-out;
 }
 
 .table-actions-dropdown .dropdown>li>a.table-settings:after {
     bottom: 0px;
     content: "";
     z-index: 3;
     -webkit-transition: all 200ms ease-in-out;
     -moz-transition: all 200ms ease-in-out;
     -ms-transition: all 200ms ease-in-out;
     -o-transition: all 200ms ease-in-out;
     transition: all 200ms ease-in-out;
 }
 
 .table-actions-dropdown .dropdown>li>a.table-settings:hover:after,
 .table-actions-dropdown .dropdown>li>a.table-settings-active:after {
     content: "";
     position: absolute;
     bottom: -8px;
     width: 0;
     left: 0;
     margin: 0 auto;
     right: 0;
     height: 0;
     display: block;
     border-left: 8px solid transparent;
     border-right: 8px solid transparent;
     border-top: 8px solid #708090;
     -webkit-transition: all 200ms ease-in-out;
     -moz-transition: all 200ms ease-in-out;
     -ms-transition: all 200ms ease-in-out;
     -o-transition: all 200ms ease-in-out;
     transition: all 200ms ease-in-out;
 }
 
 .table-actions-dropdown .dropdown>li>ul.sub-dropdown {
     position: absolute;
     top: 42px;
     right: 0px;/*maybe not default this*/
     z-index: 2;
     background-color: #fff;
     border: 1px solid #e7e9ea;
     box-sizing: border-box;
     width: 170px;
     padding: 5px 15px;
     -webkit-box-shadow: 0 2px 2px -2px #c2c2c2;
     -moz-box-shadow: 0 2px 2px -2px #c2c2c2;
     box-shadow: 0 2px 2px -2px #c2c2c2;
     display: none;
 }

 .table-actions-dropdown .dropdown>li>ul.sub-dropdown li {
     display: block;
 }
 
 .table-actions-dropdown .dropdown>li>ul.sub-dropdown li a {
     display: block;
     padding: 8px 4px 8px 24px;
     color: #708090;
     background-position: left center;
     background-repeat: no-repeat;
     background-size: 16px 16px;
     position: relative;
     font-weight: 400;
     font-size: 16px;
     -webkit-transition: all 200ms ease-in-out;
     -moz-transition: all 200ms ease-in-out;
     -ms-transition: all 200ms ease-in-out;
     -o-transition: all 200ms ease-in-out;
     transition: all 200ms ease-in-out;
 }
 
 .table-actions-dropdown .dropdown>li>ul.sub-dropdown li a:hover,
 .table-actions-dropdown .dropdown>li>ul.sub-dropdown li a:focus {
     color: #708090;
     padding: 8px 4px 8px 22px;
     -webkit-transition: all 200ms ease-in-out;
     -moz-transition: all 200ms ease-in-out;
     -ms-transition: all 200ms ease-in-out;
     -o-transition: all 200ms ease-in-out;
     transition: all 200ms ease-in-out;
 }
 
 .table-actions-dropdown a.delete,
 .table-actions-dropdown .dropdown>li>ul.sub-dropdown li a.delete {
     color: #e74c3c;
 }
 
 .table-actions-dropdown a.account-login,
 .table-actions-dropdown .dropdown>li>ul.sub-dropdown li a.account-login {
     color: #666;
 }

 .table-actions-dropdown .dropdown>li>ul.sub-dropdown li a.clear-cache {
     background-image: url(../images/icn-table-refresh.png);
 }
 
 .table-actions-dropdown .dropdown>li>ul.sub-dropdown li a.add {
     background-image: url(../images/icn-table-plus.png);
 }

 .table-actions-dropdown .dropdown>li>ul.sub-dropdown li a.edit {
     background-image: url(../images/icn-table-edit.png);
 }
 
 .table-actions-dropdown .dropdown>li>ul.sub-dropdown li a.delete {
     background-image: url(../images/icn-table-trash.png);
 }
 
 .table-actions-dropdown .dropdown>li>ul.sub-dropdown li a.view-details {
     background-image: url(../images/icn-table-view-details.png);
 }
 
 .table-actions-dropdown .dropdown>li>ul.sub-dropdown li a.view-log {
     background-image: url(../images/icn-table-log.png);
 }
 
 .table-actions-dropdown .dropdown>li>ul.sub-dropdown li a.account-login {
     background-image: url(../images/icn-login-user.png);
 }

.table-actions-dropdown .dropdown>li>ul.sub-dropdown li a.clone {
     background-image: url(../images/icn-table-clone.png);
 }

.table-actions-dropdown .dropdown>li>ul.sub-dropdown li a.download {
     background-image: url(../images/icn-table-download.png);
 }
 
.table-actions-dropdown .dropdown>li>ul.sub-dropdown li a.upload {
     background-image: url(../images/icn-table-upload.png);
 }
 
 .table-actions-dropdown .dropdown>li>ul.sub-dropdown li a.settings {
     background-image: url(../images/icn-user-settings.png);
 }
 /***************  PAGINATION STYLES ***************/
 
 .pagination {
     text-align: center;
     margin: 20px 0px 10px 0px;
 }
 
 .pagination ul {}
 
 .pagination ul li {
     display: inline-block;
 }
 
 .pagination ul li a {
     display: block;
     padding: 6px 10px;
     color: #666;
     border-radius: 3px;
     text-align: center;
     font-size: 16px;
     line-height: 16px;
     -webkit-transition: all 200ms ease-in-out;
     -moz-transition: all 200ms ease-in-out;
     -ms-transition: all 200ms ease-in-out;
     -o-transition: all 200ms ease-in-out;
     transition: all 200ms ease-in-out;
 }
 
 .pagination ul li a.active {
     background-color: #708090;
     color: #fff;
 }
 
 .pagination ul li a.active:hover,
 .pagination ul li a.active:focus {
     background-color: #708090;
 }
 
 .pagination ul li a:hover,
 .pagination ul li a:focus {
     background-color: #eee;
     -webkit-transition: all 200ms ease-in-out;
     -moz-transition: all 200ms ease-in-out;
     -ms-transition: all 200ms ease-in-out;
     -o-transition: all 200ms ease-in-out;
     transition: all 200ms ease-in-out;
 }
 /***************  MODAL STYLES ***************/
 
 .modal {
     display: none;
     position: fixed;/*absolute;*/
     z-index: 30;
     margin: auto;
     overflow: auto;
     width: auto;/*554px;*/
     height: auto;
     max-height: 100%;
     left: 40%;/*0;*/
     right: auto;/*0;*/
     top: 0;/*50px;*/
     background-color: #fff;
     border: 1px solid #e7e9ea;
     border-radius: 3px;
     padding: 25px;
     box-sizing: border-box;
     -webkit-box-shadow: 0 2px 2px -2px #c2c2c2;
     -moz-box-shadow: 0 2px 2px -2px #c2c2c2;
     box-shadow: 0 2px 2px -2px #c2c2c2;

     /*transform: translate(-50%, -50%);*/
}
 
 .modal.modal-lg {
     width: auto;/*920px;*/
 }
 
 .modal.modal-sm {
     width: auto;/*420px;*/
 }
 
 .modal-header {
     margin-bottom: 30px;
     display: block;
 }
 
 .modal-body {
     display: block;
     margin-bottom: 45px;
 }
 .modal .modal-view-details{
    background-color: #fafafa;
     border:1px solid #e7e9ea;
     border-radius: 3px;
     padding: 20px;
     box-sizing: border-box;
}
 .modal-footer {
     text-align: right;
     display: block;
 }
 
 .modal-overlay {
     opacity: 0;
     filter: alpha(opacity=0);
     position: fixed;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     z-index: 20;
     width: 100%;
     height: 100%;
     overflow: auto;
     background: rgba(26, 51, 213, 0.85);
     background: -moz-linear-gradient(top, rgba(26, 51, 213, 0.65) 0%, rgba(255, 255, 255, 1) 100%);
     background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(26, 51, 213, 0.65)), color-stop(100%, rgba(255, 255, 255, 1)));
     background: -webkit-linear-gradient(top, rgba(26, 51, 213, 0.65) 0%, rgba(255, 255, 255, 1) 100%);
     background: -o-linear-gradient(top, rgba(26, 51, 213, 0.65) 0%, rgba(255, 255, 255, 1) 100%);
     background: -ms-linear-gradient(top, rgba(26, 51, 213, 0.65) 0%, rgba(255, 255, 255, 1) 100%);
     background: linear-gradient(to bottom, rgba(26, 51, 213, 0.65) 0%, rgba(255, 255, 255, 1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#708090', endColorstr='#ffffff', GradientType=0);
     margin : 0 auto;
}

.modal-overlay-loading {
     display: flex;
     align-items: center;
     justify-content: center;
     margin: auto auto;
     opacity: 0;
     filter: alpha(opacity=0);
     position: absolute;
     top: 0;
     left: 0;
     z-index: 99 !important;
     width: 100%;
     height: 100%;
     background: rgba(26, 51, 213, 0.85);
     background: -moz-linear-gradient(top, rgba(26, 51, 213, 0.65) 0%, rgba(255, 255, 255, 1) 100%);
     background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(26, 51, 213, 0.65)), color-stop(100%, rgba(255, 255, 255, 1)));
     background: -webkit-linear-gradient(top, rgba(26, 51, 213, 0.65) 0%, rgba(255, 255, 255, 1) 100%);
     background: -o-linear-gradient(top, rgba(26, 51, 213, 0.65) 0%, rgba(255, 255, 255, 1) 100%);
     background: -ms-linear-gradient(top, rgba(26, 51, 213, 0.65) 0%, rgba(255, 255, 255, 1) 100%);
     background: linear-gradient(to bottom, rgba(26, 51, 213, 0.65) 0%, rgba(255, 255, 255, 1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#708090', endColorstr='#ffffff', GradientType=0);
}
 /***************  STATUS  ***************/
 
 .status {
     padding-left: 12px;
     position: relative;
 }
 
 .status:after {
     content: "";
     position: absolute;
     width: 6px;
     height: 6px;
     display: block;
     border-radius: 50%;
     left: 0;
     top: 7px;
 }
 
 .status.pending {
     color: #f39c12;
 }
 
 .status.pending:after {
     background-color: #f39c12;
 }
 
 .status.rejected {
     color: #e74c3c;
 }
 
 .status.rejected:after {
     background-color: #e74c3c;
 }
 
 .status.approved {
     color: #27ae60;
 }
 
 .status.approved:after {
     background-color: #27ae60;
 }
 
 .status.cancel {
     color: #666;
 }
 
 .status.cancel:after {
     background-color: #c2c2c2;
 }
 /***************  TYPE LABEL  ***************/
 
 .type-label {
     position: relative;
     display: inline-block;
     border-radius: 3px;
     padding: 2px 8px 4px 20px;
     border-width: 1px;
     border-style: solid;
 }
 
 .type-label:after {
     content: "";
     position: absolute;
     width: 6px;
     height: 6px;
     display: block;
     border-radius: 50%;
     left: 8px;
     top: 8px;
     background-color: #fff;
 }
 
 .type-label.free {
     background-color: #eee;
     color: #666;
     border-color: #e1e1e1;
 }
 
 .type-label.basic {
     background-color: #27ae60;
     color: #fff;
     border-color: #27ae60;
 }
 
 .type-label.premium {
     background-color: #f39c12;
     color: #fff;
     border-color: #f39c12;
 }
 
 .type-label.standard {
     background-color: #415154;
     color: #fff;
     border-color: #415154;
 }
 /***************  CHECKBOX SWITCH ***************/
 
 .switch {
     position: relative;
     display: inline-block !important;
     width: 60px;
     height: 34px;
     margin: 0 !important;
 }
 
 .switch input {
     display: none;
 }
 
 .switch-slider {
     position: absolute;
     cursor: pointer;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #e1e1e1;
     border-radius: 34px;
     -webkit-transition: all 200ms ease-in-out;
     -moz-transition: all 200ms ease-in-out;
     -ms-transition: all 200ms ease-in-out;
     -o-transition: all 200ms ease-in-out;
     transition: all 200ms ease-in-out;
 }
 
 .switch-slider:before {
     position: absolute;
     content: "";
     height: 26px;
     width: 26px;
     left: 4px;
     bottom: 4px;
     background-color: #fff;
     border-radius: 50%;
     -webkit-transition: all 200ms ease-in-out;
     -moz-transition: all 200ms ease-in-out;
     -ms-transition: all 200ms ease-in-out;
     -o-transition: all 200ms ease-in-out;
     transition: all 200ms ease-in-out;
 }
 
 .switch-slider:after {
     position: absolute;
     content: "No";
     right: 8px;
     color: #fff;
     font-size: 13px;
     font-weight: 400;
     line-height: 32px;
     -webkit-transition: all 200ms ease-in-out;
     -moz-transition: all 200ms ease-in-out;
     -ms-transition: all 200ms ease-in-out;
     -o-transition: all 200ms ease-in-out;
     transition: all 200ms ease-in-out;
 }
 
 input:checked+.switch-slider:after {
     content: "Yes";
     right: inherit;
     left: 8px;
     -webkit-transition: all 200ms ease-in-out;
     -moz-transition: all 200ms ease-in-out;
     -ms-transition: all 200ms ease-in-out;
     -o-transition: all 200ms ease-in-out;
     transition: all 200ms ease-in-out;
 }
 
 input:checked+.switch-slider {
     background-color: #708090;
 }
 
 input:checked+.switch-slider:before {
     -webkit-transform: translateX(26px);
     -ms-transform: translateX(26px);
     transform: translateX(26px);
 }
 /***************  CHECKBOX NORMAL  ***************/
 
 .checkbox-normal {
     position: relative;
     display: inline-block;
 }
 
 .checkbox-normal input[type=checkbox] {
     position: absolute;
     display: none;
 }
 
 .checkbox-normal input[type=checkbox]+label {
     cursor: pointer;
     padding: 0;
 }
 
 .checkbox-normal input[type=checkbox]+label:before {
     content: '';
     margin-right: 8px;
     display: inline-block;
     vertical-align: middle;
     width: 24px;
     height: 24px;
     background-color: #fff;
     border-radius: 3px;
     border: 1px solid #eee;
     -webkit-transition: all 200ms ease-in-out;
     -moz-transition: all 200ms ease-in-out;
     -ms-transition: all 200ms ease-in-out;
     -o-transition: all 200ms ease-in-out;
     transition: all 200ms ease-in-out;
 }
 
 .checkbox-normal input[type=checkbox]:hover+label:before {
     background-color: #eee;
     border: 1px solid #eee;
 }
 
 .checkbox-normal input[type=checkbox]:checked+label:before {
     background-color: #708090;
     border: 1px solid #708090;
 }
 
 .checkbox-normal input[type=checkbox]:checked+label:after,
 .checkbox-normal input[type=checkbox]:hover+label:after,
 .checkbox-normal input[type=checkbox]:focus+label:after {
     content: '';
     position: absolute;
     width: 24px;
     height: 24px;
     left: 0;
     top: 0;
     background-image: url(../images/icn-check-white.png);
     background-position: center;
     background-repeat: no-repeat;
     background-size: 16px 16px;
     -webkit-transition: all 200ms ease-in-out;
     -moz-transition: all 200ms ease-in-out;
     -ms-transition: all 200ms ease-in-out;
     -o-transition: all 200ms ease-in-out;
     transition: all 200ms ease-in-out;
 }
 
 .checkbox-normal input[type=checkbox]+label:after {
     content: '';
     position: absolute;
     width: 24px;
     height: 24px;
     left: 0;
     top: 0;
     background-image: url(../images/icn-check-silver.png);
     background-position: center;
     background-repeat: no-repeat;
     background-size: 16px 16px;
     -webkit-transition: all 200ms ease-in-out;
     -moz-transition: all 200ms ease-in-out;
     -ms-transition: all 200ms ease-in-out;
     -o-transition: all 200ms ease-in-out;
     transition: all 200ms ease-in-out;
 }
 /*checkbox large*/
 
 .checkbox-normal.checkbox-lg input[type=checkbox]+label:before,
 .checkbox-normal.checkbox-lg input[type=checkbox]:checked+label:after,
 .checkbox-normal.checkbox-lg input[type=checkbox]:hover+label:after,
 .checkbox-normal.checkbox-lg input[type=checkbox]:focus+label:after,
 .checkbox-normal.checkbox-lg input[type=checkbox]+label:after {
     width: 34px;
     height: 34px;
     background-size: 20px 20px;
 }
 /*checkbox small*/
 
 .checkbox-normal.checkbox-sm input[type=checkbox]+label:before,
 .checkbox-normal.checkbox-sm input[type=checkbox]:checked+label:after,
 .checkbox-normal.checkbox-sm input[type=checkbox]:hover+label:after,
 .checkbox-normal.checkbox-sm input[type=checkbox]:focus+label:after,
 .checkbox-normal.checkbox-sm input[type=checkbox]+label:after {
     width: 14px;
     height: 14px;
     background-size: 12px 12px;
 }

[type="date"] {
  background:#fff url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png)  97% 50% no-repeat ;
}
[type="date"]::-webkit-inner-spin-button {
  display: none;
}
[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
}