body {

     font-size : 13px !important;

     color: #404040;

     background-size: cover;

     background-attachment: fixed;

     background-position: bottom;

     /*font-family:"Poppins";*/

     font-family: 'Ubuntu', sans-serif;



}

.sweet-alert, .label{  

     font-family: 'Ubuntu', sans-serif !important;

}

.breadcrumb > li {

    display: inline-block;

    font-size: 12px;

}



.input-daterange .input-group-addon

{

   border:none;

   background: none;

}



.ibox-ct { margin: 20px; border: 1px solid #f1efef;}



.label {

    border-radius: 0;

}



/*.dark-timeline .vertical-timeline-content, .dark-timeline.center-orientation .vertical-timeline-content {

    background: #e6f4ff !important;

}*/





/*.toast-top-center {

    top : 100px !important;

}

*/





/*.tabs-container .nav-ct > li {

    float: none !important;

    margin-bottom: -1px;

}

.tabs-container .nav-ct  li {

    display: inline-block;

        width: 154px;

        margin: 2px auto;

    }

.nav-ct{ text-align: center;  }*/



.nav-ct li {

     margin-bottom: 4px !important;

}





.ibx-t-ctrl .ibox-tools { margin-top: 16px; }

.ibx-s-ctrl .form-group { margin-right: 0px;  margin-left: 0px; }

.img-ctrl .img-responsive{ max-width: 100%;  margin: 30px auto; }

.img-ctrl { text-align: center; }

.img-ctrl .fa {

    font-size: 14px;

    color: #d4d4d4;

    border: 1px solid #d4d4d4;

    padding: 2px 2px;

    border-radius: 50px;

    width: 20px;

    height: 20px;

}

.error {

    color: #d81919;

    font-size: 12px;

}



.img-ctrl .fa:hover {

    

    color: #e43535;

    border: 1px solid #e43535;

    

}

.img-bdr { border: 1px solid #e6e6e6; display: inline-block; width: 100%; min-height: 152px; padding: 15px;}



 

.tabs-container .panel-body { border: none;}





 tbody {

     background: #fff !important;

}

 .nav-tabs {

     background: #fff !important;

}



 #ibox-content {

     background : none !important;

     border: none !important;

}

 .history-content {

     background : none !important;

}

 .sortable-list {

     padding: 0px 0 !important;

}

 .white-bg {

     background-color: #fff !important;

     border:none;

}

 .vertical-date {

     color : #1bb394 !important;

}

 .gray-bg {

     background-color: #ffffff;

}

 .company-logo {

    height: 45px;

    text-align: center;

    border: 0;    

    height: 80px;

    max-width: 100%;

    text-align: center;

    object-fit: contain;

}

 .wrapper-content {

     padding: 5px 10px 40px;

}

 .breadcrumb {

     background-color: transparent !important;

     color: #fefefe;

     padding: 10px 0 5px 0 !important;

}

 .nav-header {

     padding: 10px;

     background-image:none !important;

}

 .logo-element {

     color : #adbcca;

     font-size: 13px;

}

 .profile-img {

     width: 55px;

     height : auto;

     margin: 3px 30px 3px 3px;

}

 .nav.navbar-top-links a {

     font-size: 12px;

     /*font-weight: bold;*/

}

 #profile-image {

     width: 50px;

     height: 50px;

     border-radius: 50%;

     background: rgba(255,255,255,.15) !important;

     font-size: 30px;

     color: #fff;

     text-align: center;

     line-height: 45px;

     margin: 6px 20px 5px 0px;

     float: right;

}

 .no-record {

     text-align: center;

     color:#ED5565;

     font-weight: 100;

}

 button.dim {

     display: inline-block;

     text-decoration: none;

     text-transform: uppercase;

     text-align: center;

     padding-top: 6px;

     margin-right: 0px !important;

     position: relative;

     cursor: pointer;

    /*border-radius: 0px !important;

     */

     font-weight: 600;

     margin-bottom: 0px !important;

     height: 30px !important;

}

 #filter {

     font-size: 20px;

     color: #8a6d3b;

}

 .ibox-tools a.btn-primary {

     color: #1ab394;

}

 .pagination {

     float: right;

}



 .pagination li {

     color: black;

     float: left;

     text-decoration: none;

     transition: background-color .3s;

}

 .pagination li.active {

     background-color: #1c84c6;

}

 .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {

     background-color: #1bb394;

     color: white;

     font-weight: bold;

}

 .view_label {

     margin-left: 0px !important;

}

 .view_ibox-content {

    /*background: #dddddd !important;

    */

}

/*Active Inactive Status custom css :*/

 .role_status > .onoffswitch-inner:before{

    font-family: 'Ubuntu', sans-serif;

     content:"Active" !important;

    padding:1px 1px 1px 9px !important;

}

 .role_status > .onoffswitch-inner:after{

     font-family: 'Ubuntu', sans-serif;

     content:"Inactive" !important;

    padding:2px 3px 1px 6px !important;

     background-color:#ec4758;

     color: #fff;

}

 .onoffswitch-inner:before{

    font-family: 'Ubuntu', sans-serif;

     content:"Active" !important;

    padding:2px 1px 1px 9px !important;

    height:20px;

}

 .onoffswitch-inner:after{

     font-family: 'Ubuntu', sans-serif;

     content:"Inactive" !important;

    padding:2px 4px 1px 6px !important;

     height:20px;

    background-color:#ec4758;

     color: #fff;

}

 .show_in_web > .onoffswitch-inner:before{

    font-family: 'Ubuntu', sans-serif;

     content:"Yes" !important;

    padding:1px 1px 1px 15px !important;

    height:20px;

}

 .show_in_web > .onoffswitch-inner:after{

     font-family: 'Ubuntu', sans-serif;

     content:"No" !important;

    padding:1px 17px 1px 1px !important;

     height:20px;

    background-color:#ec4758;

     color: #fff;

}

 .confirmation_status > .onoffswitch-inner:before{

    font-family: 'Ubuntu', sans-serif;

     content:"Yes" !important;

    padding:1px 1px 1px 15px !important;

    height:20px;

}

 .confirmation_status > .onoffswitch-inner:after{

     font-family: 'Ubuntu', sans-serif;

     content:"No" !important;

    padding:1px 5px 1px 9px !important;

     height:20px;

    background-color:#ec4758;

     color: #fff;

}

 .submit_article_status > .onoffswitch-inner:before{

    font-family: 'Ubuntu', sans-serif;

     content:"Enable" !important;

    padding:1px 1px 1px 9px !important;

    height:20px;

}

 .submit_article_status > .onoffswitch-inner:after{

     font-family: 'Ubuntu', sans-serif;

     content:"Disable" !important;

    padding:1px 1px 1px 6px !important;

     height:20px;

    background-color:#ec4758;

     color: #fff;

}

 .onoffswitch-switch {

     width: 10px !important;

     right: 44px !important;

     display: none;

}

 th a {

     color : #2f4050 !important;

}

 .fa-2x {

     font-size: 1.3em;

}

 .status-btn {

     width: 55px;

}

/*.view_title {

     background-color: #f8ac59;

     color: #fff;

}

 */

 .view_title {

     background-color: #fefefe;

    /*color: #fff;

    */

}

/*.view_title a {

     color: #fff !important;

}

*/

 .overflow-ibox {

     overflow: auto !important;

}

 .required:after {

     color:#F00!important;

     content:" *";

}

 #yes {

     color: #4CAF50;

     font-size: 16px;

}

 #no,#No{

     color : #ED5565;

     font-size: 16px;

}

 .note-editor {

     border: 1px solid #cfcfcf;

     height: 300px;

}

/*.btn-primary, .btn-success, .btn-danger, .btn-info {

     border-radius: 0px !important;

}

 */

 .move {

     cursor: move !important;

}

 .ui-sortable-placeholder {

     opacity:0.5;

     background: #293846 !important;

     height:80px !important;

     width: 100% !important;

     cursor: !important;

}

 td input {

     background-color: #FFFFF!impotrtant;

}



#pointer {

    padding-top: 3px !important;

}





ul.notes li div { margin: auto; box-shadow: 0px 0px 15px rgba(111, 111, 111, 0.51) !important;}

/*td {

     text-align: center !important;

}

*/

/*canvas{

     background: #FFFFFF;

}

*/



 @media only screen and (max-width: 768px) {

    /* For mobile phones: */



    ul.notes li {  float:none;}



    



    #generate_key{ margin-top:20px !important; }



     .input-daterange .input-group-addon {    

     margin-bottom: 10px;

    display: inline-block;

}





     td input[type="text"],textarea {

         width: 200px;

    }

     td input[type="number"] {

         width: 40px;

    }

}

 .contact-box .contact-box-footer {

     padding: 10px 20px !important;

}

 .contact-box.center-version {

     border: 1px solid #e7eaec !important;

     -webkit-box-shadow: 0px 0px 17px -5px rgba(0,0,0,0.75);

     -moz-box-shadow: 0px 0px 17px -5px rgba(0,0,0,0.75);

     box-shadow: 0px 0px 17px -5px rgba(0,0,0,0.75);

}

 .contact-box.center-version > a {

     background-color: #fff;

}

 .table-responsive {

     min-height: .01%;

     overflow-x: hidden !important;

}

 .btn-group {

     display: inherit !important;

}

 .sweet-alert button.cancel {

     background-color: #ED5565 !important;

}

 .sweet-alert {

     background-color: #e7eaec !important;

     top: 40% !important;

}

 .sweet-alert .sa-icon {

     width: 50px !important;

     height: 50px !important;

}

 .sweet-alert .sa-icon.sa-warning .sa-body {

     height: 30px !important;

}

 .sweet-alert .sa-icon.sa-warning .sa-dot {

     bottom: 2px !important;

}

 .sweet-alert h2 {

     font-size: 20px !important;

}

 .modal-footer {

     background: #e7eaec !important;

     padding: 5px !important;

}

 .inmodal .modal-header {

     background: #e7eaec !important;

     padding: 18px 15px !important;

     text-align: center !important;

     color: #2f4050 !important;

     text-align: left !important 

}

 .inmodal .modal-title {

     font-size: 15px !important;

}

 .nav-tabs > li > a:hover {

     /*background: #f8ac59 !important;*/

}

/*for dropSelect*/

 .fs-wrap {

     width: 100% !important;

}

 .fs-dropdown{

     width: 75% !important;

}

/* .user_action {

     left: 63% !important;

     right: 20% !important;

}

*/

/*Common Styles Start*/

 ul.nav-second-level {

     background: rgba(0, 0, 0, 0);

}

 th a {

     color: #795548 !important;

}

.footer {

    background: none repeat scroll 0 0 white;

    border-top: 1px solid #e7eaec;

    bottom: 0;

    left: 0;

    padding: 10px 20px;

    position: absolute;

    right: 0;

    font-size: 13px;

}

 .nav > li.active {

     border-left: 2px solid #ffffff;

     background: rgba(0, 0, 0, 0.19);

}

 .navbar-default {

     /*background: rgba(0, 0, 0, 0.3) !important;*/

         /*background: #233242 !important;*/

}

 .nav > li > a {

     color: #89919a;

}

 .navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus {

     background: rgba(0, 0, 0, 0.19);

     color: white;

     /*-webkit-box-shadow: 0px 0px 32px -5px rgba(0,0,0,0.75);

     -moz-box-shadow: 0px 0px 32px -5px rgba(0,0,0,0.75);

     box-shadow: 0px 0px 32px -5px rgba(0,0,0,0.75);*/

}



 ul.nav.metismenu li.active:before {

     width: 0;

     height: 0;

     border-top: 5px solid #ffffff87;

     border-right: 10px solid transparent;

     content: "";

     top: 0px;

     position: absolute;

     z-index: 9;

}

 .nav > li.active {

     border: none;

}

 ul.nav.navbar-top-links.navbar-right h2 {

     font-size: 14px;

     font-family: 'Ubuntu', sans-serif;

}

/*Common Styles End*/

 .alert-danger {

     color: #ffffff !important;

     background-color: #e97582 !important;

     border-color: #ebccd1 !important;

}

/*Sponser add to cart page*/

 .product-imitation {

     padding: 0px 0 !important;

}

/*Design Start*/

/*.btn-primary {

     background-color: #04a9f3;

     font-size: 13px;

}

*/

 ol.breadcrumb {

     padding-top: 0px !important;

}

 ol.breadcrumb li a {

     color: #333 !important;

}

 .breadcrumb > .active {

     color: #777 !important;

}

 .wrapper.wrapper-content.animated.fadeInRight {

     padding: 0px 0px 10px 0px;

     background: #fff;

    margin-top: 10px;

    /*margin-bottom:10px;*/

    /*border-radius: 4px;*/

}

 .gray-bg {

     background-color: #f2f4f5 !important;

}

 .table > thead > tr > th {

     border-bottom: 1px solid #DDDDDD;

}

 .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: 1px solid #e7e7e7;

     font-size: 13px !important;

     vertical-align: middle !important;

     /*font-weight: 500;*/

     /*text-transform: capitalize;*/

}

 th {

     background: #f4f3f8 !important;

    border: none !important;

    color: #232323 !important;

    text-transform: capitalize;

    /* -webkit-box-shadow: 2px 0px 20px 0px rgb(10, 107, 150); */

    /* -moz-box-shadow: 2px 0px 20px 0px rgb(10, 107, 150); */

    /* box-shadow: 2px 0px 20px 0px rgb(10, 107, 150); */

    font-weight: 100;

}

 p.td {

     margin: 0px !important;

     /*text-transform: capitalize;*/ 

}

 tr.row_count:nth-child(even){

     background-color: #faf9fc !important;

}

 tr.row_count:nth-child(odd){

     background-color: #fff !important;

}

 tr.row_count:hover {

     background-color: #9e9e9e21 !important;

}

 th a {

     color: #232323 !important;

     font-weight: 100;

     text-transform: capitalize;

}

 .status-btn {

     width: auto;

     /*background-color:transparent !important;*/

}

/*Committee Start*/

 .add-button {

     font-size: 13px;

     color: #FF5722 !important;

     border-color: #FF5722;

     background-color: transparent !important;

}

 .add-button:hover {

     color: #fff !important;

     background-color: #FF5722 !important;

     border-color: #FF5722;

   

}

 .add-button:focus {

     color: #fff !important;

     background-color: #FF5722 !important;

     border-color: #FF5722;

     

}

 .add-button:hover i.fa {

     animation: rotateIn 1s;

}

 .delete-button:hover i.fa {

     animation: rotateIn 1s;

}

 .delete-button {

     font-size: 13px;

     color: #ED5565 !important;

     border-color: #ED5565;

     border-radius: 5px !important;

     padding: 6px 12px;

}

 .delete-button:hover {

     color: #fff !important;

     background-color: #ED5565;

     border-color: #ED5565;

     border-radius: 5px !important;

}

 .kanban-view,.table-list-view {

     color: #2196F3 !important;

     border-color:transparent;

     -webkit-box-shadow: 10px 10px 5px 0px #2196F3;

     -moz-box-shadow: 10px 10px 5px 0px #2196F3;

     box-shadow: 1px 10px 10px -10px #2196F3;

}

 .kanban-view:hover,.table-list-view:hover {

     background: transparent !important;

     border: transparent !important;

     color: #2196F3;

     animation: tada 1s;

     -webkit-box-shadow: -1px 2px 14px -2px #2196F3;

     -moz-box-shadow: -1px 2px 14px -2px #2196F3;

     box-shadow: -1px 2px 14px -2px #2196F3;

}

 #filter {

     font-size: 20px;

     color: #3F51B5;

}

 #filter:hover {

     animation: pulse 2s;

}

 select#page_length {

     /*width: 70px;*/

     float: right;

}

 .row.popup-search {

     position: absolute;

     z-index: 9;

     top: 40px;

     background: white;

     -webkit-box-shadow: 0 7px 21px rgba(83,92,105,.12), 0 -1px 6px 0 rgba(83,92,105,.06);

     -moz-box-shadow: 0 7px 21px rgba(83,92,105,.12), 0 -1px 6px 0 rgba(83,92,105,.06);

     box-shadow: 0 7px 21px rgba(83,92,105,.12), 0 -1px 6px 0 rgba(83,92,105,.06);

     padding-top: 20px;

     animation:fadeInUp 1s;

     border: 2px solid #f7f7f7;

}

 .ibox-content.search-ibox-content {

     border-radius: 5px;

     border-style: double;

     background: #fff;

     animation: flipInX 2s;

     border: 1px solid #fff;

     padding: 10px 20px 0px 20px;

}

 .edit-icon-button {

     animation: fadeInDown 1s;

     margin-top: 0px !important;

     margin-bottom: -5px !important;

     margin-right: 5px;

     background: #2196F3 !important;

     color: #1c84c5 !important;

     /*box-shadow: inset 0 0 0 #1872ab, 0 3px 0 0 #1872ab, 0 10px 5px transparent;*/

     border: none !important;

     padding: 1px 5px;

}

 .view-icon-button{

     animation: fadeInDown 1s;

     margin-top: 0px !important;

     margin-bottom: -5px !important;

     margin-right: 5px;

     background: #4CAF50 !important;

     color: #16987e !important;

     /*box-shadow: inset 0 0 0 #16987e, 0 3px 0 0 #097761, 0 10px 5px transparent;*/

     border: none !important;

     padding: 1px 5px;

}

 .delete-icon-button{

     animation: fadeInDown 1s;

     margin-top: 0px !important;

     margin-bottom: -5px !important;

     margin-right: 5px;

     background: #e83325 !important;

     color: #fff !important;

     /*box-shadow: inset 0 0 0 #e83325, 0 3px 0 0 #ad2a20, 0 10px 5px transparent;*/

     border: none !important;

     padding: 1px 5px;

}

 .edit-icon-button i {

     color: #fff;

     font-size: 12px;

}

 .view-icon-button i {

     color: #fff;

     font-size: 12px;

}

 .ibox-title {

     border-color: #fff;

}

 .ibox-content {

     border: none;

}



.sweet-alert button.cancel {

     padding: 5px 10px !important;

}



.sweet-alert button.confirm {

     padding: 5px 10px !important;

}







.agile-list li { margin: 0; border:none;}



 h2.page-title {

     text-transform: uppercase;

     font-size: 16px;

     font-weight: 500;

     color: #2f4050;

     font-family: 'Allerta Stencil', sans-serif;

}

 span.time {

     /*background: #4CAF50;*/

     background: #1e84c6;

     color: white;

     padding: 2px 6px;

     border-radius:0px;

     font-size: 11px;

}

 .pagination > .active > span{

     background-color: #FF9800;

     border-radius: 50%;

     margin: 2px;

}

 .pagination li.active {

     background-color: transparent;

}

 li.disabled span {

     border-radius: 50%;

     margin: 2px;

}

 .pagination li a{

     border-radius: 50%;

     margin: 2px;

}

 .pagination > li:first-child > span {

    /*border-top-left-radius: 50%;

    */

    /*border-bottom-left-radius: 50%;

    */

}

 .pagination > li:last-child > a {

     border-top-left-radius: 50%;

     border-bottom-left-radius: 50%;

}

 #yes {

     color: #4CAF50;

}

 input.form-control.icon {

     width: 185px;

}

 select.form-control.icon {

     width: 53px;

     padding: 7px;

     text-align: left;

}

 .form-control, .single-line {

     font-size: 13px;

}

 i.total-records {

     color: #5867dd;

     font-weight: 600;

     border-bottom: 1px solid #5867dd;

     border-left: 40px solid transparent;

     border-right: 40px solid transparent;

     border-top: 1px solid #5867dd;

     padding: 5px 0px;

}

 span.tag.label.label-primary {

     background: #2731b0c9;

}

 .submit {

     background: #1ccacc;

     font-size: 13px;

}

 .submit:hover {

     background: #1fafb1;

}

 .cancel {

     font-size: 13px;

     border: 1px solid #dac6c6;

     margin-bottom: 5px !important;

}

 .modal-footer {

     padding: 10px !important;

}

 label.col-sm-5.control-label {

     padding-top: 7px;

}

 .bootstrap-tagsinput input{

     visibility: hidden;

}

 textarea.form-control {

     height: 115px;

}

 .chosen-container {

     font-size: 12px;

}

 .chosen-container-multi .chosen-choices .search-field input[type="text"]{

     padding-left: 12px;

}

 .table-responsive {

     min-height: .01%;

     overflow-x: auto !important;

}

/*Committee End*/

/*Checkbox Style Start*/

 .custom-checkbox {

     -webkit-appearance: none;

     background-color: #fafafa;

     border: 1px solid #cacece;

     box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);

     padding: 6px !important;

     border-radius: 3px;

     display: inline-block;

     position: relative;

}

 .custom-checkbox:active, .custom-checkbox:checked:active {

     box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);

}

 .custom-checkbox:checked {

     background-color: #e9ecee;

     border: 1px solid #adb8c0;

     box-shadow:inset 0px -15px 10px -12px rgba(0,0,0,0.05);

     color: #99a1a7;

     outline: none !important;

}

 .custom-checkbox:checked:after {

     content: '\2714';

     font-size: 12px;

     position: absolute;

     top: -2px;

     left: 1px;

     color: #795548;

     font-weight: 600;

}





/*Checkbox Style End*/

/*Mobile*/

 @media only screen and (max-width: 767px) {



    select#page_length { float:none; margin-bottom: 10px; display: inline-block; }



    .navbar-top-links li { padding: 0 25px;}



    



    .navbar-top-links li #company_name { line-height: 25px; }





   .tabs-container .nav-ct > li { float: none !important; margin-bottom: -1px; }

   .tabs-container .nav-ct  li { display: inline-block;  width: 154px; margin: 2px auto;    }

    .nav-ct{ text-align: center;  }







     .ibox-tools.responsive {

         text-align: left;

    }

     .multidelete-btn {

         right: 20px !important;

    }

     li.nav-header.back-change {

    background: rgba(255,255,255,.15) !important;

    border-bottom: 1px solid #ffffff75;

    }

     b#company_name {

         display: none;

    }



    a.field_info_tooltip {

    display: none;

}

.view-label::after{

    display: none !important;

}

.col-md-12.statistical-list .pull-right {

    margin-top: -27px !important;

}

p.statistical-list-data {

    width: 200px;

}

}

 @media only screen and (min-width: 767px) {

     .pagination {

     margin-top: -10px;

}



     li.nav-header.back-change {

    background: transparent !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.03);

    margin-bottom: 10px;

    /*height: 62px;*/

}

     .view-icon-button{

         float: right;

    }

     .edit-icon-button{

         float: right;

    }

}

 .yes, .no {

     border: none;

     font-size: 16px !important;

     margin-top: -5px;

}

 .yes:hover, .no:hover{

     background: none;

}

 .yes{

     color: black;

}

 .no{

     color: blue;

}

 .select-all, .de-select-all {

     background: #006f7d;

     color: #fff !important;

     font-style: normal;

}

select {

    font-family: "Ubuntu", sans-serif, FontAwesome !important;

}

 a.box {

     padding: 10px !important;

}

 a.box address.m-t-md {

     margin-top: 5px;

}

/*Design End*/

 .border-bottom{

     border-bottom: 1px solid rgba(255,255,255,.2) !important;

}

 .dropdown.profile-element {

     text-align: center;

}

 a.dropdown-toggle.count-info i {

     padding: 5px;

     border-radius: 50%;

     color: white;

     animation: swing 1s infinite;

}

 .count-info .label{

     background: #009688;

}

 .table-bordered {

     border: 1px solid #79554800;

}

 .ibox-tools a {

     color: #5867dd;

}

 .border-bottom-dashed {

     border-bottom: 1px solid rgba(158, 158, 158, 0.2) !important;

     border-bottom-style: dashed !important;

}

 nav.navbar-default.navbar-static-side ul li a:hover i{

     animation: swing 2s;

}

 .save-button {

     background-color: #00BCD4  !important;

     font-size: 13px;

     border: 1px solid #0b99ab;

     padding: 5px 10px;

}

 .cancel-button {

     background-color: #f7f7f7 !important;

     font-size: 13px;

     border: 1px solid #e6e6e6;

     padding: 5px 10px;

     color: #333;

}

 .cancel-button:hover {

     background-color: #f7f7f7;

     font-size: 13px;

     border: 1px solid #e6e6e6;

     padding: 5px 10px;

     color: #333;

}

 button#search {

     background-color: #00BCD4;

     font-size: 13px;

     border: 1px solid #0b99ab;

     padding: 5px 10px;

     color: #fff !important 

}

 a.action_btn.new:hover {

     /*color: #fff !important;*/

     /*background: #795548 !important;*/

}

 a.btn.btn-xs.btn-outline.btn-primary.dim.action_btn.approved.active_btn:hover {

     /*background: #1ab394 !important;*/

}

 a.btn.btn-xs.btn-outline.btn-danger.dim.action_btn.rejected:hover {

     /*background: #ED5565 !important;*/

}

/* .new.active_btn, li.active a.action_btn.new{

     background: #1c84c6 !important;

     color: #fff !important;

}*/

 .approved.active_btn {

     /*background: #1ab394 !important;*/

     /*color: #fff !important;*/

}

 .rejected.active_btn {

     /*background: #f8ac59 !important;*/

     /*color: #fff !important;*/

}

/* li:last-child a.action_btn.active_btn{

     background: #795548 !important;

     color: #fff !important;

}*/

 a.btn.btn-xs.btn-outline.btn-success.dim.action_btn.to-be-corrected:hover {

     /*background: #1c84c6 !important;*/

}

 label#download {

     background: #00BCD4;

     border: 1px solid #0ca2b5;

}

 .disable_delete i {

     color: #F44336 !important;

     opacity: .5;

}

 h3.sub-title {

     color: #5867dd;

     text-transform: uppercase;

}

 h5.sub-title span {

     color: #4CAF50;

}

 .ibox-content.view_ibox-content {

     /*padding: 20px 0px !important;*/

     border-bottom: 1px solid #f3f3f3;

}

 label.col-sm-6.control-label.col-sm-offset-3.view_label:after {

     color: #FF5722;

     content: " - ";

     position: absolute;

     top: 0px;

     right: 15px;

}

 label.col-sm-3.control-label.view-label:after {

     color: #FF5722;

     content: " - ";

     position: absolute;

     top: 0px;

     right: 15px;

}

 .col-sm-6.cap {

     text-transform: capitalize;

}

 i.fa.fa-hand-o-right.color {

     color: #795548;

}

 .form-control:focus, .single-line:focus {

     border-color: #00BCD4;

     border-right: 2px solid #00BCD4;

    /*transform: scale(1.03);*/

    /*transition: .6s;*/

}

 .chosen-container-multi .chosen-choices li.search-choice {

     background: #5867dd;

     color: #ffffff;

}

 li.search-choice span {

     text-transform: capitalize;

}

 .onoffswitch-label {

     border-radius: 30px;

     border: 2px solid transparent;

    /*border: 2px solid #079e80;

    */

}

 .chosen-container .chosen-results li.highlighted {

     background-color: #5867dd;

}

 .col-sm-6.height {

     height: 30px;

     overflow-y: scroll;

}

 .lightBoxGallery.position {

     position: absolute;

     top: -85px;

     right: -300px;

}

 h2.page-title span {

     color: #9C27B0;

}

 

 .btn {

     font-size: 13px;

     border-radius: 0 !important;

}

 a.btn.btn-xs.btn-outline.btn-danger.dim.action_btn.trash:hover {

     background: #ED5565 !important;

}

 .nav-second-level li a {

     padding: 7px 10px 7px 10px;

     padding-left: 42px;

}

 .nav-third-level li a {

     padding: 7px 10px 7px 10px;

     padding-left: 60px;

}

 .ibox-title {

     background-color: rgba(255, 255, 255, 1);

}

 i.fa.fa-pencil.edit-icon {

     color: #fff;

     padding: 4px;

     font-size: 13px;

}

/*.ibox-content.col-md-12.size {

     height: 400px;

     overflow-y: scroll;

}

*/

 img.style {

     background: #607D8B !important;

     padding: 1px;

}

 i.fa.fa-play-circle.position,i.fa.fa-picture-o.position {

     position: absolute;

     top: 45%;

     left: 47%;

     font-size: 25px;

     color: white;

     opacity: .6;

}

 img.video-icon {

     padding: 1px;

     background: #607D8B;

}

 .col-md-3.zoom:hover a img {

     moz-transform: scale(1.1);

     -webkit-transform: scale(1.1);

     transform: scale(1.02);

     transition: 1s;

}

 .col-md-3.zoom a img {

     transition: 1s;

}

 .ibox-content.col-md-12.size {

     height: 400px;

     overflow-y: scroll;

}

 .ibox-content.col-md-12.size::-webkit-scrollbar {

     width: 1em;

}

 .ibox-content.col-md-12.size::-webkit-scrollbar-track {

     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

}

 .ibox-content.col-md-12.size::-webkit-scrollbar-thumb {

     background-color: darkgrey;

     outline: 1px solid slategrey;

}

/*landing page drag and drop form creation start*/

 #sortable1, #sortable2 {

     width: 100%;

     min-height: 20px;

     list-style-type: none;

     margin: 0;

     padding: 5px 0 0 0;

     float: left;

     margin-right: 10px;

}

 #sortable1 li, #sortable2 li {

     margin: 0 5px 5px 5px;

     padding: 5px;

     font-size: 1.2em;

     width: 120px;

}

 .ui-state-default {

     border: none !important;

     color : #676a6c !important;

     font-weight : normal !important;

}

/*landing page drag and drop form creation end*/

/*Back Button Start*/

 a.return {

     position: fixed;

     color: #757373;

     bottom: 40px;

     right: 0px;

     margin-right: 5px;

     z-index: 999;

}

 a.return i.fa.fa-arrow-left {

    padding: 9px;

    border-radius: 100%;

    background: #fff;

    width: 30px;

    height: 30px;

    -webkit-box-shadow: 0 0 15px 1px rgba(81,77,92,.2);

    -moz-box-shadow: 0 0 15px 1px rgba(81,77,92,.2);

    box-shadow: 0 0 15px 1px rgba(81,77,92,.2);

}

/*Back Button End*/

 .td {

     display: inline-block;

     width: 130px;

     white-space: nowrap;

     overflow: hidden !important;

     text-overflow: ellipsis;

}

.tdd {

     display: inline-block;

     width: 100px;

     white-space: nowrap;

     overflow: hidden !important;

     text-overflow: ellipsis;

     margin: 0px;

}

 p.desc {

     text-align: justify;

     line-height: 22px;

}

 .desc{

     height:80px;

     display:block;

     padding:10px 0px;

     overflow:hidden;

}

 .sk-spinner-wave div {

     background-color: #2196F3;

}

 .fs-label-wrap .fs-label {

     padding: 10px 22px 9px 8px !important;

     /*width: 190px;*/

}

 .input-group-btn {

     vertical-align: top;

}

 select#criteria {

     margin-right: -2px;

     z-index: 99;

    /*-moz-appearance: none;

     background: url("http://caasdemo1.tauedu.org/resources/assets/images/images/drop-down.jpg");

     background-repeat: no-repeat;

     background-position: 90% 35%;

     background-color: #fff;

    */

}

 .form-control{

    /*height: auto;

    */

}

 .sub-topic .dd-handle {

     background: transparent;

     border: none;

     padding: 0px 10px;

     font-size: 12px;

}

 .sub-topic .dd-handle:hover {

     font-weight: 500;

}

 .sub-topic .dd-handle:before {

     content: " + ";

     color: #5867dd;

     font-weight: 900;

}

 



 /*Date Picker Start*/

.datepicker-days th {

    font-size: 13px;

}

.datepicker-days td {

    border-radius: 0px !important;

    font-size: 13px;

}

.datepicker-days table {

    background: #f4f3f8;

}

 /*Date Picker End */

 .sweet-alert {

    /*width: 325px !important;*/

 }

 .sweet-alert.showSweetAlert.visible {

    background: #fff !important;

}

.sweet-alert button.cancel {

    background-color: #ffffff !important;

}

.sweet-alert button.confirm {

    background: #ffffff !important;

}

.sweet-alert .sa-icon.sa-info::after{

    top:35px !important;

}



/*23/4/2018*/

button.btn.btn-default.save {

    background: #00BCD4;

    color: #fff;

}







/* New */



ul#side-menu li a {

    font-weight: 100 !important;

    font-size: 13px;

}



body {

    /*background: url(https://keenthemes.com/metronic/preview/assets/app/media/img/bg/bg-7.jpg) !important;*/

}



.video-container {

    /*display: none;*/

}



.demo-set-body {

     border:none !important; 

 }

/*Color*/



.footer 

{

/*border-top: 1px solid #ceb900;*/

}

nav.navbar-default.navbar-static-side ul li a i {

color: #89919a;

font-size: 16px;

}

a.dropdown-toggle.count-info i {

background: #FFC107;

}

/*a.navbar-minimalize {

background: #5867dd;

border: #5867dd;

}*/

a.navbar-minimalize {

    background: transparent !important;

    color: red !important;

    border: none;

    font-size: 18px;

}

a.navbar-minimalize:hover,a.navbar-minimalize:focus {

background:#283593;

}

#demo-set-btn {

    background-color: #5867dd;

}

.form-w3-agile {

    background: rgba(0, 0, 0, 0.08);

}



#demo-set-btn {

    background-color: #5867dd !important;

    padding:1px 10px !important;

}

.label-danger, .badge-danger {

    background-color: #F06292;

    color: #FFFFFF;

}

.new {

    background: transparent !important;

    color: #FF5722 !important;

    border: none !important;

    padding: 10px 15px !important;

        font-weight: 100 !important;

}

.new:hover,.new:focus,.new:active {

    background: transparent !important;

    color: #FF5722 !important;

    cursor: pointer !important;

}

.new:hover:after,.new:focus:after,.new:active:after,li.active a.new.active_btn:after{

content: "";

position: absolute;

bottom: 2px;

left: 50%;

margin-left: 2px;

border-top: 4px dashed;

border-right: 4px solid transparent;

border-left: 4px solid transparent;

color: #FF5722;

}

.approved{

    background: transparent !important;

    color: #1ab394 !important;

    border: none !important;

    padding: 10px 15px !important;

    font-weight: 100 !important;

}

.approved:hover,.approved:focus,.approved:active {

    background: transparent !important;

    color: #1ab394 !important;

    cursor: pointer !important;

}

.approved:hover:after,.approved:focus:after,.approved:active:after, li.active .approved:after{

content: "";

position: absolute;

bottom: 2px;

left: 50%;

margin-left: 2px;

border-top: 4px dashed;

border-right: 4px solid transparent;

border-left: 4px solid transparent;

color: #1ab394;

}



.to-be-corrected{

    background: transparent !important;

    color: #795548 !important;

    border: none !important;

    padding: 10px 15px !important;

    font-weight: 100 !important;

}

.to-be-corrected:hover,.to-be-corrected:focus,.to-be-corrected:active {

    background: transparent !important;

    color: #795548 !important;

    cursor: pointer !important;

}

.to-be-corrected:hover:after,.to-be-corrected:focus:after,.to-be-corrected:active:after, li.active .to-be-corrected:after{

content: "";

position: absolute;

bottom: 2px;

left: 50%;

margin-left: 2px;

border-top: 4px dashed;

border-right: 4px solid transparent;

border-left: 4px solid transparent;

color: #795548;

}



.active-tab{

    background: transparent !important;

    color: #4CAF50 !important;

    border: none !important;

    padding: 10px 15px !important;

    font-weight: 100 !important;

}

.active-tab:hover,.active-tab:focus,.active-tab:active {

    background: transparent !important;

    color: #4CAF50 !important;

    cursor: pointer !important;

}

.active-tab:hover:after,.active-tab:focus:after,.active-tab:active:after, li.active .active-tab:after{

content: "";

position: absolute;

bottom: 2px;

left: 50%;

margin-left: 2px;

border-top: 4px dashed;

border-right: 4px solid transparent;

border-left: 4px solid transparent;

color: #4CAF50;

}

.rejected{

    background: transparent !important;

    color: #f7a54a !important;

    border: none !important;

    padding: 10px 15px !important;

    font-weight: 100 !important;

}

.rejected:hover,.rejected:focus,.rejected:active {

    background: transparent !important;

    color: #f7a54a !important;

    cursor: pointer !important;

}

.rejected:hover:after,.rejected:focus:after,.rejected:active:after, li.active .rejected:after {

    content: "";

    position: absolute;

    bottom: 2px;

    left: 50%;

    margin-left: 2px;

    border-top: 4px dashed;

    border-right: 4px solid transparent;

    border-left: 4px solid transparent;

    color: #f7a54a ;

}



.trash-tab{

    background: transparent !important;

    color: #ec4758 !important;

    border: none !important;

    padding: 10px 15px !important;

    font-weight: 100 !important;

}

.trash-tab:hover,.trash-tab:focus,.trash-tab:active {

    background: transparent !important;

    color: #ec4758 !important;

    cursor: pointer !important;

}

.trash-tab:hover:after,.trash-tab:focus:after,.trash-tab:active:after, li.active .trash-tab:after{

    content: "";

    position: absolute;

    bottom: 2px;

    left: 50%;

    margin-left: 2px;

    border-top: 4px dashed;

    border-right: 4px solid transparent;

    border-left: 4px solid transparent;

    color: #ec4758 ;

}





.all-tab {

     color: #795548;

    padding: 10px 15px !important;

     border:none !important;

    font-weight: 100 !important;

}

 .all-tab:hover,.all-tab:focus,.all-tab:active {

     background-color: transparent !important;

}

 .all-tab:hover:after,.all-tab:focus:after,.all-tab:active:after, li.active .all-tab:after {

    content: "";

    position: absolute;

    bottom: 2px;

    left: 50%;

    margin-left: 2px;

    border-top: 4px dashed;

    border-right: 4px solid transparent;

    border-left: 4px solid transparent;

    color: #795548;

    }

/*Color*/

ul.nav.nav-tabs {

    margin-bottom: 10px;

    display: inline-block;

    width: 100%;

}

#preloader {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: #fff;

  /* change if the mask should have another color then white */

  z-index: 999999;

  /* makes sure it stays on top */

}



#status {

  width: 200px;

  height: 200px;

  position: absolute;

  left: 50%;

  top: 50%;

  background-image:  url("../../../resources/assets/images/load.gif");

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center center;

  margin: -100px 0 0 -100px;

}

.table > tbody > tr > td{

    padding:12px 8px;

}

.errorClass {

border: 1px solid  #F44336;

}



*:focus{

outline: none !important;

}



label.error {

    animation: fadeIn 1s;

    transition: .5s;

}

.campaign-bg{

    background-image:  url("../../../resources/assets/images/campaign-img.jpg");

  background-repeat: no-repeat;

  background-size: contain;

  background-position: right;

}

.payment-bg{

    background-image:  url("../../../resources/assets/images/payment-bg.jpg");

  background-repeat: no-repeat;

  background-size: contain;

  background-position: right;

}

span.pdf-day-title {

    color: red;

}



p.m-b-xs.no-data {

    font-size: 30px;

    padding-top: 50px;

    color: #260e5a4d!important;

    font-family: cursive;

}



i.fa.fa-meh-o {

    font-size: 100px;

}



span#company_name {

    color: #7f7f7f;

    font-weight: 500;

}

div#wrapper {

    background: #2d2147;

    /*background-image: url(../../../resources/assets/images/background/background_screen.jpg);*/

    background-size: cover;

}



body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover > .nav-second-level, .mini-navbar .nav li:focus > .nav-second-level {

    display: block;

    border-radius: 0 2px 2px 0;

    min-width: 186px;

    height: auto;

}



ul.nav.metismenu li.active:before {

    display: none;

}

button#demo-set-btn {

    display: none;

}

p {

    line-height: 24px;

    font-size: 13px;

}

.navbar-static-side {



        /*height: auto !important;*/

}

label{

    font-weight: 500;

}

.navbar-right .dropdown-menu {

    animation: slideInRight .5s;

}



@media only screen and (max-width: 600px) 



{

    .custom-tab-left-nav, .custom-tab-top-nav {

    width: 100% !important;

    float: none !important;

}

.custom-left-tab-panel-body {

    width: 100% !important;

    margin-left: 0px !important;

}

}



@media only screen and (max-width: 991px) {



    .tab-loaded .form-group{ width: 100%; display: inline-block; }

     #event_start_hour , 

     #event_start_minutes , 

     #event_duration_hour ,

     #event_duration_minutes ,

     #event_template_name

     {

    

         margin-bottom: 10px;

     }



    .tab-loaded .tabs-container .nav-tabs > li { float: none; }

    #event_template_submit .form-control {  margin-bottom: 10px; }

    .cf-box-type { margin-bottom: 10px; }

    #failed-records .pull-right {  float: none !important;}

    .search-ibox-content .input-group { display: block }

    .search-ibox-content .form-control { margin-bottom:10px; }

        .input-daterange .input-group-addon {    

     margin-bottom: 10px;

    display: inline-block;

}





}









ul.nav.nav-second-level.collapse.active.in li.active, ul.nav.nav-third-level.collapse.active.in li.active, ul.nav.nav-second-level.collapse.in li.active, ul.nav.nav-third-level.collapse.in li.active{

    background: transparent !important;

}

.fa-fw {

    color: #6f6f6f;

}



.table-responsive th, .table-responsive td {

    white-space: nowrap;

}



.table-responsive::-webkit-scrollbar, body::-webkit-scrollbar {

    width: 8px;

    height: 8px;

}

.table-responsive::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb {

    border-radius: 2px;

    -webkit-box-shadow: inset 0 0 10px #b3b3b3;

}



.table-responsive::-webkit-scrollbar-track, body::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgb(193, 193, 193);

    border-radius: 2px;

}

.t-and-c {

    text-transform: capitalize;

    margin-bottom: 10px;

}

.tooltip-inner{

    font-family: 'Electrolize', sans-serif;

}

.ml-2 {

    margin-left: 10px;

}

.mr-2{

margin-right: 10px;

}

.mb-0{

    margin-bottom:0px;

}

.m-0{

margin:0px;

}

textarea {

    background-color: #FFFFFF;

    border: 1px solid #e5e6e7;

    border-radius: 1px;

    color: inherit;

    width: 100%;

    padding: 6px 12px;

}



/*

body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav-third-level {

    display: none;

}

.mini-navbar .nav .nav-third-level {

    background-color: #2c2046 !important;

}



.mini-navbar .nav .nav-third-level {

    position: absolute;

    left: 70px;

    top: 0;

    background-color: #2F4050;

    padding: 10px 10px 10px 10px;

    font-size: 12px;

}

.mini-navbar .nav-third-level li a {

    padding: 10px 10px 10px 15px;

}

ul.nav-third-level {

    background: rgba(0, 0, 0, 0);

}

body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover > .nav-third-level, .mini-navbar .nav li:focus > .nav-third-level {

    display: block;

    border-radius: 0 2px 2px 0;

    min-width: 140px;

    height: auto;

}*/











.form-control, .single-line{

 /*padding: 6px 12px !important;   */

}

.cs-plus-btn, .cs-minus-btn{

    cursor: pointer;

    font-size: 20px;

    margin-top: 10px;

    position: relative;

    top: 7px;

}

.cs-plus-btn{color: #1ab394;}

.cs-minus-btn{color:#ED5565;}



.bk-none {

    background: transparent !important;

}

.bk-none a.trash-tab {

    background: transparent !important;

    border: none !important;

    color: #ED5565 !important;

    font-weight: 500;

}



#toast-container > div {

    padding: 5px 15px 5px 50px;

}

.toast-error {

    background-color: #F44336;

}

.toast-message {

    line-height: 24px;

}

.toast-close-button {

    top: -.2em;

}

li.bk-none i {

    font-size: 16px;

}

li.bk-none a {

    box-shadow:none !important;

}

.no-border{

    border: none;

}

.status-btn.inactive-icon {

    color: #F44336;

    font-size: 16px;

    background-color: transparent;

}

.status-btn.active-icon {

    color: #4CAF50;

    font-size: 16px;

    background-color: transparent;

}

.status-btn.approved-icon {

    color: #1ab394;

    font-size: 16px;

    background-color: transparent;

}

.status-btn.trash-icon{

    color: #ec4758;

    font-size: 16px;

    background-color: transparent;

}

.status-btn.reject-icon{

    color: #f7a54a;

    font-size: 16px;

    background-color: transparent;

}

.status-btn.not-found-icon{

    color: #a0a0a0;

    font-size: 16px;

    background-color: transparent;

}

.pulseWarning {

    display: none !important;

}

.sweet-alert {

    border-radius : 0 !important;

}

.sweet-alert h2 {

    margin: 0 0 !important;

    font-size: 14px !important;

    

}

.sweet-alert button, .confirm {

    border-radius : 0 !important;

    padding: 0 0 !important;

    border: 1px solid #ddd !important;

    color: #353434 !important;

    background-color: #fff !important;

}

.vertical-container {

    margin: 1px !important;

}

img.cf-img {

    width: 60px;

    display: block;

    margin: 0px auto;

}

span.cf-title {

    font-weight: 600;

    color: #545454;

    margin-top: 10px;

    display: block;

}

.cf-box-type{

    box-shadow: 0px 1px 10px #e2e2e2;

    padding: 10px;

}

.context-menu {

    cursor: context-menu !important;

}

div#page-wrapper {

    padding-bottom: 50px;

}

.label-primary, .badge-primary {

    background-color: #1ab394;

    color: #FFFFFF;

    font-family: 'Ubuntu', sans-serif;

    font-size: 12px;

    font-weight: 100;

}

.add_combo i {

    font-size: 18px;

}

.mini-navbar .nav .nav-second-level{

        background-color: #2c2046;

}



.text-width {
	word-wrap: break-word; 
	width:250px;
	overflow: hidden;
}