.content-wrapper {background-color: #e4edf6;} .content-header{padding:15px; display:flex; padding-top:15px !important; justify-content: space-between; align-items: center;} .content-header-right{display:flex; align-items: center; width:50%; justify-content:flex-end;} .main-header { background-color: #f3f7fc; box-shadow: 0 0 0 1px rgba(205, 216, 228, 0.25), 0 2px 12px rgba(205, 216, 228, 0.5); border-bottom:none;} .main-sidebar {background-color: #33404d;} .brand-link{background-color:#29333d; border-bottom:none !important;} .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active{background-color:#29333d !important; color:#fffff !important;} /*.nav-sidebar > .nav-item.menu-open > .nav-link, .nav-sidebar > .nav-item:hover > .nav-link, .nav-sidebar > .nav-item > .nav-link:focus {background-color:#1f2933 !important;}*/ /*is line me dikkat hai*/ .nav-treeview > .nav-item > .nav-link:hover, .nav-treeview > .nav-item > .nav-link:focus { background-color: #1f2933 !important; color:#ffffff !important;} .modal-header{position:relative;} .modal-header h4 {text-align: left; } .modal-header .close{margin:0px; position:absolute; right:0px; top:0px; font-size:36px; color:#000; opacity:1;} .btn {background-color: #e0eaf4; color: #3f4d5a; border:none; border-radius:0px;} .btn:focus, .btn:hover {background-color: rgba(96, 125, 159, 0.35); color: #3f4d5a;} .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {background-color: #1d82c6 !important;} .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default{background-color:#e83473 !important; color:#ffffff !important;} .pagination .page-item.active .page-link{background-color: #e0eaf4 !important; color: #606d7b !important; border-color: #e0eaf4 !important;} .btn.btn-info.btn-sm{color: #000; padding: 0 0.5rem; line-height: 37px;} .dataTables_info{color: #5c5d55;} .main-sidebar .sidebar .nav-sidebar .has-treeview ul.nav-treeview {margin:10px 15px;} .main-sidebar .sidebar .nav-sidebar .has-treeview ul.nav-treeview li a.nav-link{padding:5px; font-size:15px;} .main-sidebar .sidebar .nav-sidebar .has-treeview ul.nav-treeview li a.nav-link i{font-size:15px;} .custom-grid-table th{background-color:rgba(96, 125, 159, 0.25); border:none; border-bottom:none !important; color:#3f4d5a; font-size:15px;} .custom-grid-table td{border:none; padding:8px 10px; vertical-align:middle; border-bottom:1px solid rgba(0, 0, 0, 0.125); border-bottom-width:thin !important; font-size:15px;} .custom-grid-table td a{color:rgb(33, 37, 41); text-decoration:underline;} .custom-grid-table td a:hover{color:#29333d;} table.dataTable.table-bordered{border:none;} .fa-stack{font-size:8px; color:##586876; margin-top:-2px;} input.form-control, select.form-control, textarea.form-control { border-radius: 3px; border: 1px solid rgba(96, 125, 159, 0.25);} input.form-control:focus,select.form-control:focus, textarea.form-control:focus{box-shadow:none; border: 1px solid rgba(96, 125, 159, 0.50);} textarea.form-control{resize:none;} select.form-control.btn:hover, select.form-control.btn.btn-info:active, select.form-control.btn:focus{background-color:transparent; border: 1px solid rgba(96, 125, 159, 0.50);} .form-check-input{position:relative; margin:0px;} select.form-control{appearance:none; -webkit-appearance:none; background-image:url(/images/arrow-select.png); background-repeat:no-repeat; background-position:calc(100% - 8px) 56%; text-align:left; padding-right:25px;} .custom-select{box-shadow: none;} .input-group-append .input-group-text{background-color: transparent!important; box-shadow: none !important;} select.custom-select{background-size:13px; font-size:13px; background-position:calc(100% - 8px) 56%;} select.custom-select{background-size:13px; font-size:13px; background-position:calc(100% - 8px) 56%;} select.form-control::-ms-expand {display: none;} .img-circle{width:38px !important; height:38px !important;} .user-image{margin-top:-5px;} .btn.submit, #btn_submit{background-color:#E5422B !important; color:#ffffff;} .btn.submit:hover, #btn_submit:hover{background-color:#dc331b !important;} #main-content {display: flex; flex-wrap:wrap; width:100%; justify-content: space-between; font-size:0px; margin:0px auto -25px;} #content-container { width:75%; font-size:16px; padding:0px 10px 0px 15px;} #details-container {width:25%; font-size:14px; padding:0px 15px 0px 10px;} #details {padding-top: 40px;} #details .meta {padding:14px 20px; font-size:14px; background-color: #cdd8e4; border-radius:5px; margin-bottom:20px;} #details .meta .data{display:flex; margin-bottom:5px; padding-bottom:5px;} #details .meta .data .heading, #details .meta .data .heading h5, #details .meta .data .value{color: #515f6c; font-size:15px; margin-bottom:0px; line-height:inherit;} #details .meta .heading{min-width:140px; padding-right:7px;} #details .meta .heading label{font-weight:normal; margin-bottom:0px;} #details .meta .data .value{font-size:14px;} .custom-cards{background-color:transparent; border:none; box-shadow:none;} .custom-cards .nav-tabs{border-bottom:none;} .custom-cards .nav-tabs a{color:#606d7b;} .custom-cards .nav-tabs a.active{border:1px solid #ffffff;} .custom-cards .card-body{background-color:#ffffff;} label{color:#606d7b; font-size:15px; line-height:15px;} .profile-photo-section .user-photo {clear:both;} .profile-photo-section .user-photo #current-photo img { max-width: 120px; display: block; border-radius: 5px;} .profile-photo-section .user-photo #current-photo { float: left; margin-bottom:10px;} .profile-photo-section .user-photo-controls { float: left; margin-left:15px;} .profile-photo-section{margin-bottom:24px;} .select2-container .select2-selection--single{ height:auto !important; border-radius: 3px; border: 1px solid rgba(96, 125, 159, 0.25); background-color: #fbfcfe;} .select2-container--default .select2-selection--single{border:1px solid rgba(96, 125, 159, 0.25) !important;} .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:inherit !important; padding:0px !important;} .select2-container--default .select2-selection--single .select2-selection__arrow{width: 30px !important;} .select2-container--default .select2-selection--single .select2-selection__arrow b{top:17px !important; } .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color: #474646 transparent transparent transparent !important; border-style: solid; border-width: 7px 5px 0 5px !important; height: 0; left: 50%; margin-left: -4px; margin-top: -1px !important; position: absolute; top: 50%; width: 0;} .breadcrumb-item a{color:#606d7b; } .breadcrumb-item{color:#29333d; font-size:12px;} .change-password-page{max-width:600px; background-color:#ffffff;} .main-footer{font-size:14px;} .main-footer a{color:#606d7b;} .top-dropdown-setting{min-width:170px; width:170px;} .top-dropdown-setting:after{position:absolute; width:0px; height:0px; content:''; right:28px; top:-5px; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #ffffff;} .top-dropdown-setting .dropdown-item{padding:5px 15px; font-size:14px;} .top-dropdown-setting .dropdown-item:hover{background-color:#29333d; color:#ffffff;} .custom-snav-list > a{margin-bottom:5px;} .modal-header{background-color:rgba(96, 125, 159, 0.25);} #btn-submit{background-color:#E5422B !important; color:#ffffff;} #btn-submit:hover{background-color:#dc331b !important;} h3.card-title{margin-top:10px; font-weight:600;} .user-responsive-table{overflow-X:scroll; white-space:nowrap;} .inner-tabs{margin-bottom:20px; border-bottom:1px solid rgba(96, 125, 159, 0.25) !important;} .inner-tabs .nav-item a.active{ margin-top:-1px; color:#29333d; font-weight:500; border-bottom:2px solid #dc331b;} .inner-tabs .nav-item a{color:#3f4d5a; font-size:15px; border:none;} .inner-tabs .nav-item a:hover{} .btngroup{display:flex; margin-right:10px;} .btngroup .btn-share{border-top-left-radius:0px; border-bottom-left-radius:0px; border-left:1px solid #ffffff;} .btngroup .btn-preview{border-top-right-radius:0px; border-bottom-right-radius:0px;} .save-draft-btn-container{margin-right:10px;} span.red-color{color:#dc331b;} #details .meta .statusaction{display:flex; justify-content:flex-end !important; align-items:center;} .statusaction span.status.Active{height:10px; width:10px; margin-right:10px;} #details .meta-whitebg{-webkit-box-shadow: 0 0 0 1px rgba(205, 216, 228, 0.25), 0 2px 12px rgba(205, 216, 228, 0.5); box-shadow: 0 0 0 1px rgba(205, 216, 228, 0.25), 0 2px 12px rgba(205, 216, 228, 0.5); background-color:#fff;} #details .meta-whitebg .field{border-bottom:1px solid rgba(51, 64, 77, 0.1); display:flex; margin:0px -20px 10px -20px; padding:0px 15px 10px 15px; font-size:14px; color:#606d7b; align-items: center;} #details .meta-whitebg .field:last-child{border-bottom:none; margin-bottom:0px;} #details .meta-whitebg .field:last-child .heading{padding-bottom:0px;} #details .meta input.form-control{border:none; box-shadow:none; background-color:transparent; padding:0px; height:33px; font-size:13px; overflow:hidden; text-overflow: ellipsis;} #details .meta select.form-control{border:none; box-shadow:none; background-color:transparent; font-size: 13px; padding:0px; } .select-sets{width:100%;} .select2-results ul.select2-results__options li.select2-results__option{font-size:1rem;} #details input.form-control.decimal{border:1px solid rgba(96, 125, 159, 0.25); padding: 0 0.75rem;} /*#details .meta .select2-container .select2-selection--single {background-color:transparent; border:none !important;} #details .meta .select2-container--default .select2-selection--single{box-shadow:none; padding:0px;} .select-sets{width:125px;} #details .meta .select2-container--default .select2-selection--single .select2-selection__arrow{top:-8px;} #details .meta .select2-container--default .select2-results__option{font-size:13px !important; padding:4px 8px !important;}*/ .check-list-box{margin:0px; padding:0px; list-style:none;} .check-list-box li{margin-right:10px; display:inline-block; vertical-align:top; margin-bottom:10px;} .custom-checkbox {position: relative; padding-left:25px; margin-bottom: 12px; cursor: pointer; font-size:14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight:normal !important;} .custom-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; left:0px;} .checkmark { position: absolute; top: 0; left: 0; height:18px; width:18px; background-color: #ffffff; border:1px solid rgba(51, 64, 77, 0.50);} .custom-checkbox:hover input ~ .checkmark { background-color: #ccc;} .custom-checkbox input:checked ~ .checkmark { background-color: #29333d;} .checkmark:after { content: ""; position: absolute; display: none;} .custom-checkbox input:checked ~ .checkmark:after { display: block;} .custom-checkbox .checkmark:after { left:0px; top:-2px; right:0px; bottom:0px; width:7px; height:10px; border:solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin:auto; text-align:center;} .content-wrapper > .content{padding-bottom:15px;} .pagination .page-item.active .page-link{background-color:#33404d; border:1px solid #33404d; } .pagination .page-link{color:#606d7b; font-size:13px;} .pagination .page-link:focus{box-shadow:none;} .icheck-success > input:first-child:checked + input[type="hidden"] + label::before, .icheck-success > input:first-child:checked + label::before {background-color: #33404d !important;border-color: #33404d !important;} .icheck-success > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before, .icheck-success > input:first-child:not(:checked):not(:disabled):hover + label::before{border-color: #33404d !important;} .gendar-mb{margin-bottom:15px;} .instructions p{font-size:13px; color:#7b8793; line-height:14px;} .name-build{display:flex;} .name-build .form-group{padding-right:10px;} .name-build .form-group:last-child{padding-right:0px;} #RoleId-error, #FirstName-error{font-size:12px;} .name-build #TitleId{padding-left:5px; width:100px; font-size:14px;} .switch{margin-top:5px;} .card-body table.dataTable{margin-bottom:20px !important;} .dataTables_info{font-size:14px;} .alert-success{ width:300px; text-align:center; margin:auto; font-size:14px; border-radius:0px; background-color:#50b067; border:none; left:0px; top:75px; right:0px; position:absolute;z-index:99;} .calendar-field{position:relative; display: flex;} .calendar-field i{color:rgba(63,77,90,0.70); margin-right:5px; margin-top:3px;} .custom-photo-controls{position:relative;} .custom-photo-controls input{opacity:0; z-index:1; position:relative; cursor:pointer;} .custom-photo-controls .upload-photo{position:absolute; left:0px; top:0px; cursor:pointer;} .action-view-popup{display:inline-block; text-align:right;} .app-upload-img{margin-top:20px;} .app-upload-img .user-photo-controls{ display:block; float:none; margin-left:0px;} .app-upload-img .user-photo-controls .delete-photo{background-color:transparent; padding:0px; width:120px; overflow: hidden; text-overflow: ellipsis; position: relative; font-size:14px; padding-right:20px; text-align:left; cursor: inherit;} .app-upload-img .user-photo-controls .delete-photo i{position:absolute; right:0px; top:5px; cursor:pointer; font-size:13px;} .app-upload-img .user-photo-controls .delete-photo i:hover{color:#F00;} .profile-photo-section .app-upload-img #current-photo{float:none; display:inline-block; vertical-align:top;} .profile-photo-section .app-upload-img .reapeat-upload-img {height:120px; margin:auto; text-align:center; line-height:120px; background-color:#f7f7f7; overflow:hidden; overflow:visible;position:relative;} .profile-photo-section .app-upload-img .reapeat-upload-img video{height:200px; line-height:200px;} .profile-photo-section .app-upload-img .reapeat-upload-img img, .profile-photo-section .app-upload-img .reapeat-upload-img video{width:100%; height:100%;} .profile-photo-section .app-upload-img .app-upload-cancel{display:block;} .profile-photo-section .app-upload-img .app-upload-cancel label{font-weight:normal;} .app-upload-img .app-uploaded-img{display:inline-block; vertical-align:top; margin-right:15px; margin-bottom:20px; width:120px;} .slag-option-box, .calendar-field{border:1px solid rgba(96, 125, 159, 0.25); border-radius: 4px; padding: 0 0.75rem; width:100%; } .calendar-field label{margin-bottom:0px; line-height:33px; margin-right:5px; cursor:pointer; font-weight:normal !important;} .quality-box-set{border:1px solid #d5d8dd; border-radius:5px; box-shadow: 0 1px 5px -1px rgba(0,0,0,0.1);} .quality-inner-box label.lable-box{background-color:#f1f5f8; padding:8px 10px; font-weight:300 !important; margin-bottom:0px; display:inline-block; vertical-align:top; border-right:1px solid #d5d8dd; position:absolute; left:0px; top:0px; height:100%; font-size:14px;} .quality-inner-box .input-group{margin:7px 0px;} .quality-inner-box input{display:inline-block; vertical-align:top; margin:0px 0px;} .quality-inner-box{border-bottom:1px solid #d5d8dd; padding-left:80px; position:relative; padding-right:10px;} .ajs-modal .ajs-header{background-color:rgba(96, 125, 159, 0.25); font-size:24px; color:#000000;} .ajs-modal .ajs-body{padding:15px 0px;} .ajs-modal .ajs-body .ajs-content{padding:0px; font-size:15px;} .ajs-modal .ajs-footer .ajs-buttons .ajs-button{font-size:16px; border:none; box-shadow:none;} .ajs-modal .ajs-footer .ajs-buttons .ajs-button:focus{outline:none;} .ajs-modal .ajs-footer .ajs-buttons .ajs-button.ajs-ok{background-color:#E5422B; color:#ffffff;} .ajs-modal .ajs-footer .ajs-buttons .ajs-button.ajs-ok:hover{background-color:#dc331b;} .ajs-modal .ajs-footer .ajs-buttons .ajs-button.ajs-cancel{background-color:rgba(96, 125, 159, 0.25);} .ajs-modal .ajs-footer .ajs-buttons .ajs-button.ajs-cancel:hover{background-color:rgba(96, 125, 159, 0.35);} .meta-heading{font-size:18px; display:block; margin-bottom:20px;} .seo-preview-box-inner{margin-bottom:30px;} .seo-preview-box-inner img{max-width:100%; display: block;} .seo-preview-heading{display:inline-block; margin-bottom:15px; padding:3px 15px; font-size:15px; background-color:#cdd8e4; border-radius:5px;} .seo-preview-box-inner a{display:block; color:#000000; text-decoration:underline; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:15px;} nav.seomatic-tabs ul{margin-bottom:0px;} .flexible-content-box{background-color:#f3f7fc; margin-bottom:20px; border-radius:5px; border:1px solid rgba(96, 125, 159, 0.25); padding:10px 15px;} .flexible-content-box-heading{border-bottom:1px solid rgba(96, 125, 159, 0.25); margin-bottom:15px; position:relative; padding-right:30px;} .flexible-content-box-heading .close{position:absolute; right:0px; top:0px; float:none;} .flexible-dots-navs{border:1px dotted rgba(96, 125, 159, 0.25); border-radius:5px; display:flex; flex-wrap:wrap;} .flexible-dots-navs li{border-right:1px dotted rgba(96, 125, 159, 0.25); padding:3px 10px;} .flexible-dots-navs li a{color:#000000; font-size:14px;} .flexible-dots-navs li a i{margin-right:5px;} .inputwithcount{position:relative;} .inputwithcount .count-chart{display:inline-block; position:absolute; right:6px; top:6px;} .inputwithcount input.form-control{padding-right:80px;} .basicimages-box{margin-bottom:10px;} .basicimages-box .delete-photo {background-color:transparent; padding:0px; width:100% !important; max-width:100%; overflow:hidden; text-overflow:ellipsis; position:relative; font-size:14px; padding-right:20px; text-align:left; cursor: inherit;} .basicimages-box .delete-photo i { position: absolute; right: 0px; top: 5px; cursor: pointer; font-size: 13px;} .basicimages-box .app-uploaded-img{text-align:center; width:100%; margin-bottom:10px;} .basicimages-box .reapeat-upload-img{margin:auto; text-align:center;} .basicimages-box .reapeat-upload-img .user-photo-controls{margin-bottom:10px;} .basicimages-box .app-uploaded-img img{max-width:100%; margin:auto; text-align:center;} .basicimages-box .user-photo-controls-new{display:inline-block; vertical-align:top; margin-right:10px; margin-bottom:10px;} .basicimages-box .fix-uploadbx{width:200px; display:inline-block; vertical-align:top; margin-right:15px; margin-bottom:10px; padding:5px;} .basicimages-box .fix-uploadbx .reapeat-upload-img img{width: 130px;height: 130px;object-fit: contain;} .right-control-with-input .quality-box-set .quality-inner-box{padding-left:150px;} .right-control-with-input .quality-box-set{background-color:#ffffff; width:calc(100% - 20px); max-width:calc(100% - 20px);} .right-control-with-input .quality-box-set .quality-inner-box label{width:135px;} .right-control-with-input .quality-box-set .quality-inner-box textarea.form-control{margin:7px 0px; display:inline-block;} .right-control-with-input{position:relative; display:flex; align-items: center;} .right-control-with-input .card-tools{width:20px; height:100%; background-color:#f1f5f8; flex:0 0 20px; margin-left:10px;} .right-control-with-input .card-tools .btn{max-width:26px; margin-bottom:5px;} .right-control-with-input .card-tools .btn i{font-size:13px;} .right-control-with-input .card-tools .remove-dynamically-added:hover{background-color:#dc331b;} .input-group-append .input-group-text {background-color:#fbfcfe; box-shadow: inset -3px 1px 4px -1px rgba(96, 125, 159, 0.25); border-left:0px; color:#a9aeb3;} .input-group-append {z-index:1; margin-left:-4px;} .slag-option-box input.form-control{padding-right:15px !important;} .slag-option-box .input-group-append .input-group-text{border:none; border-left:1px solid rgba(96, 125, 159, 0.25); padding:0px 4px 0px 6px; font-size:13px; background-color:transparent; box-shadow:none;} .card-default.collapsed-card {padding-bottom: 0;} div.dataTables_wrapper .showing div.dataTables_info{padding-top:0; margin:0 0 0;} div.dataTables_wrapper .showing div.dataTables_length label{margin-right:10px;} .card-flex{flex: 1; padding-right: 15px; max-width: 1366px;} .crd-mrg{margin-top: 28px;} .prop-col-1{max-width:24%; flex: 0 0 26%; padding: 0 7.5px;} .prop-col-2{max-width:19%; flex: 0 0 19%; padding: 0 7.5px;} .card-flex .form-control, .card-flex .select2, .card-flex .select2-results ul.select2-results__options li.select2-results__option{font-size:14px;} .card-flex .select2-container--default .select2-selection--single{padding:9px 0.75rem} .table .btn{background-color:rgba(96, 125, 159, 0.25);} .table tr td:last-child{white-space: nowrap;} div.dataTables_wrapper div.dataTables_info{white-space: normal !important;} .showing label{color:#5c5d55; font-size:14px; margin-bottom:0;} .content-booking div[class*="col-xl-"]{margin-bottom:15px;} @media only screen and (max-width: 1650px) { .custom-grid-table{overflow-x:scroll; display:block; z-index:0; position:relative;} #details .meta .heading{min-width:90px;} #details .meta{padding:14px 10px;} #details .meta-whitebg .field{margin:0px -10px 10px -10px; padding:0px 10px 10px 10px;} } @media only screen and (max-width: 1280px) { #details .meta .heading{width:inherit; min-width:80px;} } @media only screen and (max-width: 1199px) { #content-container { width:70%;} #details-container {width:30%;} #details .meta input.form-control{font-size:13px;} .calendar-field i{top:3px;} .app-upload-img .app-uploaded-img{width:90px; margin-right:10px;} .app-upload-img .user-photo-controls .delete-photo{width:90px;} .app-upload-img .user-photo-controls .delete-photo i{font-size:13px;} .prop-col-1{max-width:100%; flex:0 0 100%; margin-bottom: 15px;} .prop-col-2{max-width:50%; flex:0 0 50%; margin-bottom: 15px;} } @media only screen and (max-width: 991px) { #main-content{flex-direction: column;} #content-container{width:100%; max-width:none;} #details-container{width:auto; margin-left:0px;} #details{padding-top:15px;} .modal-header h4{font-size:20px;} .modal-header .close{font-size:27px;} #details .meta .heading{min-width:120px;} .flexible-dots-navs li{border-right:0px;} div.dataTables_wrapper .showing div.dataTables_info{max-width: 100%; flex: 0 0 100%; text-align: left !important;} } @media only screen and (max-width: 767px) { .content-header{flex-direction: column; align-items: flex-start ; flex-wrap: wrap;} .content-header-right{width:100%;} .profile-photo-section .user-photo-controls{margin-left:0px;} .profile-photo-section .user-photo{ float:none;} .profile-photo-section .user-photo #current-photo{float:none; margin-bottom:15px;} .content-header-right{justify-content:flex-start; flex-wrap: wrap;} .modal-header h4{font-size:18px;} .content-header h1{font-size: 21px; margin-bottom:5px;} .content-header-right a{margin-bottom:5px;} .custom-cards .nav-tabs a{padding:4px 5px; font-size:14px;} .custom-cards .card-body{padding:12px 7px;} .save-draft-btn-container a{margin-bottom:0px;} label{font-size:14px;} .alert-success{top:70px; right:0px; left:inherit;} #details .meta .heading{min-width:80px;} .app-upload-img .app-uploaded-img{width:110px; margin-right:10px;} .app-upload-img .user-photo-controls .delete-photo{width:110px;} .app-upload-img .user-photo-controls .delete-photo i{font-size:13px;} #details-container{width:100%; padding:0px 10px 0px 15px;} .ajs-modal .ajs-header{font-size:18px;} .card-header > .card-tools{margin-top:10px;} #details .meta-whitebg .field{flex-wrap:wrap;} .slag-option-box, .calendar-field{width:auto;} .right-control-with-input .quality-box-set .quality-inner-box label{width:70px;} .right-control-with-input .quality-box-set .quality-inner-box{padding-left:75px;} .right-control-with-input .card-tools{width:20px; flex:0 0 20px; text-align:right;} .right-control-with-input .card-tools .btn{max-width:25px; margin-bottom:5px;} .right-control-with-input .quality-box-set{width:calc(100% - 20px); max-width:calc(100% - 20px);} .prop-col-2{max-width:100%; flex:0 0 100%;} div.dataTables_wrapper .dataTables_paginate{text-align: left !important; margin-top: 10px !important;} div.dataTables_wrapper div.dataTables_paginate ul.pagination{justify-content: flex-start !important; } } @media only screen and (max-width: 575px) { .card-flex{max-width: 100%; flex: 0 0 100%; padding: 0;} } @media only screen and (max-width: 380px) { div.dataTables_wrapper .dataTables_paginate .pagination .page-link{padding: 0.5rem 7px;} } .accom-image-container{ display:block; float:none; } .accom-image { display: inline-block; float: left; margin-right: 10px; max-width: 120px; max-height: 70px; } .accom-image img{ max-width: 100%; max-height: 100%; } .card-title .select2.select2-container{ font-size:14px; } .display-table-dotted { display: inline-table; } .custom-grid-table.display-table-dotted tfoot td { border: 1px dotted gray !important; border-bottom-width: 1px !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice { /*changes by developer*/ color: black !important; } .loader { bottom: 0; height: 100%; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 1111; background: rgba(229, 229, 229, 0.59); overflow-x: hidden; display:none; } .loader-inner { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .loader-inner img{height:50px;width:50px} @keyframes loader-inner { 0% { opacity: 0; } 15%, 70% { opacity: 1; } 85%, 100% { opacity: 0; } } @keyframes loader-inner { 0%, 10% { opacity: 0; } 25%, 85% { opacity: 1; } 100% { opacity: 0; } } .loader-inner svg { animation: loader-inner img 3s ease infinite; } .loader-inner { animation: loader-inner 2s ease infinite; } div.alert.alert-dismissable { position: fixed; left: 0; top: 0; width: 100%; z-index: 9999; } .sidebar-mini .alertify-notifier { left: 0; top: 0; width: 100%; } div.alertify-notifier .ajs-message.ajs-visible { width: 100%; margin-top: 0; left: 0; } .no-box { background: transparent; margin: 0; border: none; padding: 0; } /*13-5-2020*/ .sidebar-mini .alertify-notifier{bottom:auto;} #destinationErroMessageDiv{left:0px; text-align:center;} /*13-5-2020*/ .img-title-container { position: absolute; top: 0; right: 0; line-height: 26px; } .img-title-container .dropdown { padding: 0px; } .img-title-container .dropdown button.dropdown-toggle { height: 26px; background-color: #f6faffde; border: 1px solid #ccc; } .img-title-container .dropdown-menu.show { margin: 0; padding: 5px 15px; min-width: 500px; } /*22-5-2020*/ .quality-box-set .quality-inner-box{padding-top:7px; padding-bottom:7px;} .quality-box-set .quality-inner-box .input-group{margin:0px;} .accommodation-page #Tech .quality-inner-box .input-group{margin:0px;} .accommodation-page #Tech .quality-inner-box .profile-photo-section .app-upload-img{margin-top:0px;} .accommodation-page #Tech .quality-inner-box{padding-top:7px; padding-bottom:7px;} .accommodation-page #Tech .accommodation-room-locale{margin-top:1px;} /*22-5-2020*/ .nav-link { padding: 0.5rem 0.75rem; } p.form-sub-heading { border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 10px; } .bg-aqua { background-color: #00d1d3; } .right-align #gridWebUsers_filter, .right-align #gridOwnerUsers_filter, .right-align #gridPaymentReceiveds_filter, .right-align #gridNewOwnerProperty_filter { text-align: right; } .right-align #gridWebUsers_filter label, .right-align #gridOwnerUsers_filter label, #gridPaymentReceiveds_filter label, .right-align #gridNewOwnerProperty_filter label { text-align: left; } .headingLine {background-color: #f7f7f7;font-size: 18px;text-align: center;padding: 7px 10px;margin-top: 0;} /*-----03/12/2020-------*/ .save-btn-container .approval-act{background-color: #6ab1de !important; color:#fff;} .save-btn-container .approval-act:hover{background-color: #000 !important;} .sub-heading { color: #606d7b; font-size: 15px; line-height: 15px;} /*-----Alertify CSS Start-------*/ .alertify-notifier.ajs-left{left:0 !important;} .alertify-notifier.ajs-top{top:0 !important;} /*-----Alertify CSS End-------*/ /*-----Table CSS-------*/ .table thead th{white-space: nowrap;} /*-----popup CSS-------*/ .modal-header{min-height: 67px;} /*-----31/12/2020 Responsive-------*/ .btm-btn-sec .btn { margin: 2px 2px 0 0; } .price-select{margin-right:10px;} .price-select select.form-control { border: 1px solid rgba(96, 125, 159, 0.25) !important; height: 35px; padding: 0 0.75rem !important; min-width: 60px; } .img-check {margin-right:10px;} .img-flex{flex:1;} .img-flex .app-uploaded-img.actual-uploaded{width:100%;margin-right:0px;} /*--dashboard--*/ #gridWebUsers_filter, #gridOwnerUsers_filter, #gridPaymentReceiveds_filter, #gridNewOwnerProperty_filter{display: flex; justify-content:flex-end;} #gridWebUsers_length label, #gridWebUsers_filter label, #gridOwnerUsers_length label, #gridOwnerUsers_filter label, #gridPaymentReceiveds_length label, #gridPaymentReceiveds_filter label, #gridNewOwnerProperty_length label, #gridNewOwnerProperty_filter label{display: flex; align-items:center; width: 180px;} #gridWebUsers_length label select.custom-select, #gridOwnerUsers_length label select.custom-select, #gridPaymentReceiveds_length label select.custom-select, #gridNewOwnerProperty_length label select.custom-select{margin:0 5px;} #gridWebUsers_filter label .form-control, #gridOwnerUsers_filter label .form-control, #gridPaymentReceiveds_filter label .form-control, #gridNewOwnerProperty_filter label .form-control{margin-left:5px;} .dashboardDatatables .dataTables_wrapper .col-sm-12.col-md-5,.dashboardDatatables .dataTables_wrapper .col-sm-12.col-md-7 { max-width:100%;flex:0 0 100%;display:flex;justify-content:center; } .dashboardDatatables .dataTables_wrapper .col-sm-12.col-md-7 .pagination {margin-top:10px} @media only screen and (max-width:767px) { #gridWebUsers_filter, #gridOwnerUsers_filter, #gridPaymentReceiveds_filter, #gridNewOwnerProperty_filter{display: flex; justify-content:flex-start;} } @media only screen and (max-width:1600px) { .custom-cards #accommodationRootTab.nav-tabs a{font-size: 13px; padding:0.5rem 7px;} } @media only screen and (max-width:991px) { .modal-header{min-height: 60px;} }