.o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link{color: #212529; background-color: #fcfcfc; border-color: #fcfcfc; color: #5D8DA8;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:hover{color: #212529; background-color: #e9e9e9; border-color: #e3e2e2;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:disabled{color: #212529; background-color: #fcfcfc; border-color: #fcfcfc;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.dropdown-toggle{color: #212529; background-color: #e3e2e2; border-color: gainsboro;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success{color: #FFFFFF; background-color: #40ad67; border-color: #40ad67;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover{color: #FFFFFF; background-color: #369156; border-color: #328851;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus{box-shadow: 0 0 0 0.2rem rgba(64, 173, 103, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:disabled{color: #FFFFFF; background-color: #40ad67; border-color: #40ad67;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.dropdown-toggle{color: #FFFFFF; background-color: #328851; border-color: #2f7e4b;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(64, 173, 103, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info{color: #FFFFFF; background-color: #6999a8; border-color: #6999a8;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover{color: #FFFFFF; background-color: #568695; border-color: #517e8d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus{box-shadow: 0 0 0 0.2rem rgba(105, 153, 168, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:disabled{color: #FFFFFF; background-color: #6999a8; border-color: #6999a8;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.dropdown-toggle{color: #FFFFFF; background-color: #517e8d; border-color: #4d7784;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(105, 153, 168, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{color: #212529; background-color: #f0ad4e; border-color: #f0ad4e;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover{color: #212529; background-color: #ed9d2b; border-color: #ec971f;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:disabled{color: #212529; background-color: #f0ad4e; border-color: #f0ad4e;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.dropdown-toggle{color: #212529; background-color: #ec971f; border-color: #ea9214;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{color: #FFFFFF; background-color: #e6586c; border-color: #e6586c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover{color: #FFFFFF; background-color: #e1374f; border-color: #df2c45;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{box-shadow: 0 0 0 0.2rem rgba(230, 88, 108, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:disabled{color: #FFFFFF; background-color: #e6586c; border-color: #e6586c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.dropdown-toggle{color: #FFFFFF; background-color: #df2c45; border-color: #dd213c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(230, 88, 108, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-lg, .o_ace_view_editor .btn-group-lg > .btn:not(.o_btn_preview){padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-sm, .o_ace_view_editor .btn-group-sm > .btn:not(.o_btn_preview){padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0;} .o_ace_view_editor :not(.input-group):not(.form-group):not(.input-group-append):not(.input-group-prepend) > .form-control{height: 34px;} .o_ace_view_editor .form-control{padding: 6px 12px; font-size: 14px; line-height: 1.5; border: 1px solid #d4d5d7; color: #555; background-color: #fff; border-radius: 0;} .o_ace_view_editor .form-control.is-invalid{border-color: #dc3545;} .o_ace_view_editor .was-validated .form-control:invalid{border-color: #dc3545;} .o_ace_view_editor select.form-control{-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1 sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHdpZHRoPScyNCcgaGVpZ2 h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0Jz48cGF0aCBpZD0nc3ZnXzEnIGQ9J203LjQwNiw3L jgyOGw0LjU5NCw0LjU5NGw0LjU5NCwtNC41OTRsMC40MDYsMS40MDZsLTUsNC43NjZsLTUsLTQu NzY2bDAuNDA2LC0xLjQwNnonIGZpbGw9JyM4ODgnLz48L3N2Zz4="); background-position: 100% 65%; background-repeat: no-repeat;} .tour .popover-navigation{margin-left: 13px; margin-bottom: 8px;} .css_published .btn-danger, .css_published .css_publish{display: none;} .css_unpublished .btn-success, .css_unpublished .css_unpublish{display: none;} [data-publish='off'] > *:not(.css_options){opacity: 0.5;} @media print{a[href]:after{content: initial;}} .o_page_management_info .o_switch{padding-top: 9px;} #list_website_pages th{background-color: #243742; color: white;} #list_website_pages td, #list_website_pages th{padding: 0.45rem;} #list_website_pages td > a.fa{margin-left: 5px; color: #243742;} #list_website_pages td .text-muted{opacity: 0.5;} #list_website_pages .fa-check, #list_website_pages .fa-eye-slash{color: #17a2b8;} 

/* /website/static/src/scss/website.zoomodoo.scss defined in bundle 'web.assets_frontend' */
 .zoomodoo{position: relative; display: inline-block; *display: inline; *zoom: 1;} .zoomodoo img{vertical-align: bottom;} .zoomodoo-flyout{position: absolute; z-index: 100; overflow: hidden; background: #FFF; top: 0; width: 100%; height: 100%;} .zoomodoo-flyout img{max-width: 500%;} .zoomodoo-hover .zoomodoo-flyout{left: 0;} .zoomodoo-next .zoomodoo-flyout{left: 100%;} 

/* /website_mail/static/src/css/website_mail.scss defined in bundle 'web.assets_frontend' */
 .js_follow[data-follow='on'] .js_follow_btn, .js_follow[data-follow='off'] .js_unfollow_btn{display: none;} 

/* /website_rating/static/src/scss/website_rating.scss defined in bundle 'web.assets_frontend' */
 .o_website_rating_static{color: #FACC2E;} .o_website_rating_card_container{} .o_website_rating_card_container .o_message_counter{color: #495057;} .o_website_rating_card_container table.o_website_rating_progress_table{width: 100%; overflow: visible;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_star_num{min-width: 30px;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_select[style*="opacity: 1"]{cursor: pointer;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress{min-width: 120px;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress > .progress{margin-bottom: 5px; margin-left: 5px; margin-right: 5px;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress .o_rating_progressbar{background-color: #FACC2E;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_percent{text-align: right; padding-left: 5px; font-size: 0.75rem;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_reset .o_website_rating_select_text{visibility: hidden;} .o_rating_star_card{margin-bottom: 5px;} .o_rating_star_card .stars{display: inline-block; color: #FACC2E; margin-right: 15px;} .o_rating_star_card .stars i{margin-right: -3px; text-align: center;} .o_rating_star_card .stars.enabled{cursor: pointer;} .o_rating_star_card .rate_text{display: inline-block;} 

/* /att_website_project/static/src/css/custom.css defined in bundle 'web.assets_frontend' */
@font-face{font-family: 'Helvetica'; src: url('/att_website_project/static/src/css/../font/Helvetica.ttf') format('truetype'),} html body{font-family: 'Helvetica'!important; font-weight: 400; overflow: hidden !important;} body:not(.mod-pace-custom) .pace .pace-progress{background-color: #01BDF4 !important;} a{text-decoration: none!important;} input:focus{outline: none!important;} p, h2, h3, h4, label, span, td, th, button, input, textarea, a{font-family: 'Helvetica'!important;} p{font-weight: 300!important;} .btn:active{-webkit-box-shadow: none !important; box-shadow: none !important;} .table td, .table th{vertical-align: middle !important; padding: 0.5rem 0.5rem 0.5rem 0.75rem !important;} .table tbody tr:hover:not(.fade-row){box-shadow: 0px 3px 12px #B2DFEB9D; -webkit-box-shadow: 0px 3px 12px #B2DFEB9D; -moz-box-shadow: 0px 3px 12px #B2DFEB9D;} .modal-body input:focus, .modal-body select:focus, .modal-body textarea:focus{box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6) !important;} .custom-select .selectize-input input{box-shadow: none !important;} .display-hide{display: none;} .flex-width{width:100%;} .status-text{font-weight: 500!important; text-align: left; font-size: 13px; margin-bottom: 0px; padding-top: 3px;} .bg-redcolor{background-color: #F05851; height:3px;} .text-weak{color:#F05851;} .bg-orangecolor{background-color: #D8881A; height:3px;} .text-medium{color: #D8881A;} .bg-greencolor{background-color: #2EC941; height:3px;} .text-strong{color: #2EC941;} .bg-graycolor{background-color: #858585; color: #858585; height:3px;} .password-status-block > div >div{flex-grow: 1;} .gutter{background-image: url('/att_website_project/static/src/css/../images/drag_icon.svg'); background-repeat: no-repeat; background-position: center;} .gutter.gutter-vertical{cursor: row-resize;} .split{height: calc(100vh - 235px);} #split-0,#split-1{display: flex; flex-direction: column; width: 100%;} .section-side-block,.side-testcase{overflow-x:hidden; overflow-y: auto; height: 100%;} .section-side-block::-webkit-scrollbar,.side-testcase::-webkit-scrollbar{width: 4px !important; scroll-behavior: smooth;} .section-side-block::-webkit-scrollbar-thumb,.side-testcase::-webkit-scrollbar-thumb{background-color: #E6CFD3; border-radius: 0px; height: 5px;} .page-wrapper{margin-left: -10px;} .login-main{background-image: url(/att_website_project/static/src/css/../images/home_banner.png); background-repeat: no-repeat; background-size: cover; background-position: bottom; min-height: 100vh; max-height: 100vh; overflow: hidden;} .input_outer img{position: absolute; right: 4px; top: 1px;} .login-main hr{border-bottom: 1px solid #D5D5D5; width: 160px; margin: auto;} .sign-hor{border-bottom: 1px solid #D5D5D5 !important; width: 100% !important;} .login_box{text-align: center; margin: 0 auto; display: table; position: absolute; width: 300px; height: 300px; top: 50%; left: 50%; margin-top: -150px; margin-left: -150px;} .user-logo{width: 56px;} .apps-logo{} .drop-noti-btn{width:55px;} drop-noti-btn:active{box-shadow: none !important;} .footer-bottom p{color:#9D9D9D; text-align: center; padding:15px 0px; font-size: 0.813rem;} .footer-bottom{position: absolute; width: 100%; bottom: 0;} .login_head{color:#3C3C3C; font-size: 1.125rem; font-weight: 500; padding-top: 5px; font-weight: normal !important; margin-top: 5px;} .login_pass{color:#01BDF4; font-size: 0.875rem; font-weight: 500 !important; margin-top: 18px;} .login_box input{width:300px; border: 1px solid #D5D5D5; border-radius: 8px; height:44px; padding: 5px 10px; margin-bottom: 10px; color: #3C3C3C!important; font-weight: 300; font-size: 1rem; line-height: 12px; padding-right: 44px;} .login-submit{position: unset !important; padding: 5px !important; border-top-left-radius: 0px!important; border-bottom-left-radius: 0px!important; width: 14% !important;} .input-group-text{border: 1px solid #D5D5D5 !important; padding: 5px !important; background-color: #fff !important; border-left: none !important; border-top-right-radius: 8px !important; border-bottom-right-radius: 8px !important; border-color: #D5D5D5 !important;} .remember-me-login:-webkit-autofill, .remember-me-login:-webkit-autofill:hover, .remember-me-login:-webkit-autofill:focus{-webkit-text-fill-color: inherit !important;} .login-submit img{position: unset !important;} .remember-me-login{border-right: none !important; padding-right: 2px !important;} .remember-me-login:focus{outline:0px !important; -webkit-appearance:none; box-shadow: none !important; appearance: none; border-color: #D5D5D5 !important;} .enter_password .login-password-profile-img{top: 46% !important; width: 70px !important; height: 70px !important; transform: scale(1.2);} .login-password-profile-img-wrap{height: 70px; border-radius: 18px; width: 70px; overflow: hidden; margin: auto;} .enter_password .default-profile{width: 56px !important; height: 56px !important;} .enter_password .default-name{font-size: 22px !important;} input:hover{outline: none!important;} .input_outer{position: relative;} .input_outer button{position: absolute; right: 2px; top: 5px; cursor: pointer; border: none; background: transparent;} .cmn-btn-stye{border:none!important; background:transparent;} .drop-edit-delete{background-color: #fff;} .keep-log-check{text-align: left;} .keep-log-check label{color: #858585; font-size: 0.875rem; font-weight: 300; padding-left: 23px!important;} p.right-top-text{color:#858585; font-size: 0.875rem; font-weight: 300; padding-top: 11px; padding-left: 15px;} .right-top-text.active-text{color:#01BDF4; position: relative;} .active-text:after{position: absolute; bottom: -15px; left: 59px; border-radius: 50%; font-family: "Font Awesome 5 Free"; content: " "; width: 4px; height: 4px; cursor: pointer; background-color: #01BDF4;} .fa.noti-red{color: #F05851; font-size: 7px!important; position: absolute; top: 11px; right: 7px;} .noti-clear{color: #3c3c3c; border: 1px solid #d5d5d5; font-size: 14px; background-color: #fff; padding: 5px 15px; border-radius: 8px; position: absolute; right: 13px; top: 15px;} .noti-clear:hover{border-color: #01BDF4; color: #01BDF4;} .notify-proj-image, .notify-profile-image{width: 28px !important; height: 28px !important; border-radius: 10px !important;} .welcome-main{background-image: url(/att_website_project/static/src/css/../images/home_banner.png); background-repeat: no-repeat; background-size: cover; background-position: bottom; max-height: 100%; position: relative; padding: 25px 50px; min-height: 100vh; width: 100%; margin: 0 auto;} .welcome-user{display: flex; align-items: center; justify-content: center;} .welcome-user .scroll-before-show{margin-top: 0px !important;} .welcome-sub{background-image: url(/att_website_project/static/src/css/../images/home_banner.png); background-repeat: no-repeat; background-size: cover; background-position: bottom; width: 100%; min-height: 100vh; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; padding: 15px; position: relative;} .home-right-icon{position: absolute; top:15px; right: 35px; cursor: pointer; display: inline-flex; align-items: center;} .noti-btn{margin-right:10px; transition: 0.7s;} img.noti-btn:hover,.power-btn:hover{background: #EAD8D8 0% 0% no-repeat padding-box; border-radius: 4px;} .power-btn{transition: 0.7s;} .welcom-search-outer{position: relative;} .welcom-search-outer img{position: absolute; right: 25%; top: 22px; cursor: pointer;} .welcome-box{margin: 0 auto; display: table; text-align: center; width:100%;} .welcome-user .default-profile{width: 88px !important; height: 88px !important;} .welcome-user .default-name{font-size: 33px !important; font-weight: bold !important;} .welcome-box p{color: #3C3C3C; font-size: 1.75rem; font-weight: 500!important;} .welcome-box hr{width:160px; margin: auto; border-bottom: 1px solid #d5d5d5;} .dashboard-back{margin-bottom: 3px; margin-right: 2px;} .top-hide-btn #button:hover{background-color: #ffffff4a; border-radius: 6px; transition: all 0.7s;} .welcom-search-outer input{width:52%; border:1px solid #D5D5D5; border-radius: 8px; height:44px; padding: 3px 10px; margin-bottom: 10px; line-height: 6px; font-size: 16px; color: #3c3c3c;} .carousel-item.active{background-color: transparent;} .carousel-item{transition: transform 0.9s ease-in, opacity 0.1s ease-out !important;} .carousel-inner{padding: 0 190px;} .img-toggle{visibility: hidden; cursor: pointer;} .searchable-lis:hover .img-toggle{visibility: visible;} .pro-side-drop .dropdown-item{padding: 5px 10px; color: #3C3C3C; font-size: 14px;} .pro-side-drop .dropdown-menu{min-width: 116px; border: none; border-radius: 0; box-shadow: 0px 3px 18px #D8E1E3; left: -100px!important;} .pro-side-drop .dropdown-item:focus, .dropdown-item:hover{background-color: #dddddd96;} .carousel-item li:hover .img-toggle{display: block;} .slider-wrapper .carousel-indicators li{width: 9px; height: 9px; border-radius: 50%; background-color: #3C3C3C;} .slider-wrapper user-web-list{position: relative;} .carousel-inner ul li{flex: 0 0 20%; list-style-type: none; display: inline-block; position: relative; min-height: 150px;} .project-commonlist{display: flex; flex-flow: row wrap;} carousel-inner .item{opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity;} .slider-wrapper .bx-wrapper{max-width: 100%; background: none; border: none; box-shadow: none;} .slider-wrapper .carousel-inner li .list-pro-icon{margin:0 auto; display: block; transition: .5s ease-in-out; border: 0.6000000238418579px solid #D5D5D5; border-radius: 13px; height: 88px; width: 88px;.sidebar ul li} .add_new_project{} .slider-wrapper .carousel-inner li p{text-align: center; color:#3C3C3C; font-size: 14px; font-weight: 400!important; padding:10px 0px; margin: 0 auto; width: 100%; font-weight: 500px !important; display: grid;} .carousel-control-next, .carousel-control-prev{height:75%;} .active-project-list, .archived-project-list{height: 51vh;} .projectBox-image{margin-left: 18px;} .user-mob-list img{margin:0 auto; display: block;} .user-mob-list p{text-align: center; color:#3C3C3C; font-size: 14px; padding:10px 0px;} .add-new img{position: absolute; left: 30px; width: 13px; top: 13px;} .add-new-test img{position: absolute; left: 30px; width: 13px; top: 13px;} .ui-state-default .fa-arrows{color:transparent; cursor: pointer;} .side-list li:hover .fa-arrows{color:#3C3C3C;} .side-list li:first-child(){display: block !important;} .ui-state-default .fa-arrows{position: absolute; top: 13px; left: 8px;} .side-sec-list{border:none !important;} #add_new_section, #add_new_tc{white-space: nowrap; overflow:hidden; text-overflow: ellipsis; display:inline-block; width :135px;} .section-enter:hover{content: url('/att_website_project/static/src/css/../images/section-done-dark.svg')} .section-enter{margin-right: 2px;} .after-edit-section, .before-edit span{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 185px;} .after-edit-tc{display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; width: 185px;} .before-edit{white-space: nowrap; overflow:hidden; text-overflow: ellipsis; width :194px;} .page-sidebar{position: fixed !important; z-index: 999; top: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-color: #fff!important; width: 14.875rem!important; background-image: url(/att_website_project/static/src/css/../images/side-bg.png) !important;} .page-inner{margin-left: 14.875rem;} .page-sidebar label{margin-top:-10px;} .sidebar{padding-left: 23px;} .sidebar .default-profile{width: 70px; height: 70px; margin-left: 20px; border: 0.6000000238418579px solid #D5D5D5; border-radius: 18px;} .sidebar .default-profile span{font-size: 26px !important;} .side-user{width: 54px; height: 54px; transform: scale(1.2);} .side-user-wrap{height: 54px; width: 54px; overflow: hidden; margin-left: 20px; border-radius: 13px;} .sidebar ul{padding:0px; padding-right: 10px;} .active-project-name{color: #3c3c3c; font-size: 14px; font-weight: 400 !important; margin-bottom: 0; display: flex; align-items: center;} .active-project-img{width: 20px; height: 20px; margin-right: 5px;} .active{background-color: #EAD8D8; border-radius: 7px;} .added-img{width: 28px !important; height: auto !important;} .sidebar ul li{list-style-type: none; margin-bottom: 10px; height: 40px;} .sidebar-last{padding-bottom: 7px; width: 200px; margin: auto; display: flex; justify-content: space-around; align-items: center;} .sidebar-copyright p:first-child{color: #3c3c3c; font-size: 13px;} .sidebar-copyright p:last-child{color: #9D9D9D; font-size: 13px;} .side-head{color: #3C3C3C; font-weight: 500!important; font-size: 14px; padding-top: 18px; margin-bottom: 13px; padding-left: 8px;} .sidebar-profile-outer{display: flex; flex-direction: column;} .sidebar-profile-outer label:first-child{font-size: 16px; color: #3c3c3c; width: 1px !important; min-width: 120px; display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top;} .sidebar-profile-outer label:last-child{font-size: 13px; color: #858585;} .section-add p{padding-top: 15px; font-size: 14px; color: #858585; font-weight: 500;} .section-add{position: relative; padding-left: 20px;} .side-list-bottom{border-top: 1px solid #e0d4d4; width: 51px; text-align: center; margin: 5px auto;} .side-list .add-new{background-color: #E6CFD3; border-radius: 7px; border: 1px solid #858585; margin-bottom: 10px; display: none; height: 40px; margin-left: -24px;} .side-list .add-new-test{background-color: #E6CFD3; border-radius: 7px; border: 1px solid #858585; margin-bottom: 10px; display: none; height: 40px; margin-left: -24px;} .side-list .add-new .fa-times{position: absolute; right: 20px; top: 11px; cursor: pointer; color:#858585; font-size: 15px;} .side-list .add-new input{border: none; background: none; margin-left: 46px; height: 37px; padding-left: 10px; color: #3C3C3C; font-size: 15px; margin-bottom: 5px; line-height: 0;} .side-list .add-new-test .fa-times{position: absolute; right: 20px; top: 11px; cursor: pointer; color:#858585; font-size: 15px;} .side-list .add-new-test input{border:none; background:none; margin-left: 46px;} .side-list .add-new-test input{border: none; background: none; margin-left: 46px; height: 37px; padding-left: 10px; color: #3C3C3C; font-size: 15px; margin-bottom: 5px; line-height: 0;} .section-add img{position: absolute; top: 15px; right: 10px; cursor: pointer;} .side-list li{position: relative; line-height: 40px;} .side-list li .fa-circle{position: absolute; left: 30px; font-size: 18px; top: 11px;} li.ui-state-default.side-sec-list.active.ui-sortable-handle{background-color: #EAD8D8 !important;} .clr-blue{color: #2e70c9;} .clr-green{color: #2EC941;} .clr-yellow{color: #FABD2E;} .clr-red{color: #F05851;} .clr-skyblue{color: #01BDF4;} .clr-navy{color: #9995FF;} .clr-orange{color: #FF9E4B;} .clr-purple{color: #DC4BFF;} .side-min-list{font-size: 19px;} .title-show{position: relative; border: none;} .mininal-title{display: none;} .mininal-title{position: absolute; left: 4rem; top: 0; padding: 5px 10px !important; color: #fff !important; z-index: 1024; font-size: 14px !important; border-radius: 8px; height: 40px;} .mininal-title .name p{white-space: nowrap} .orange{background-color: #FABD2E;} .mininal-title::before{content: ""; position: absolute; left: -5px; z-index: -1; -webkit-transform: rotate(270deg); transform: rotate(225deg); overflow: hidden; display: block; top: 10px; background-color: inherit; width: 21px; height: 21px; border-radius: 4px;} .mininal-title > .name{display: flex; align-items: center; justify-content: center; height: 30px;} .title-show:hover .mininal-title{display: block;} .fade-icon{display: none;} .fade-icon:hover{content: url('/att_website_project/static/src/css/../images/dark-icon.svg')} .img-drag{position: absolute; left: 5px; top: 9px;} .success-email{color:#858585!important; font-size: 14px; font-weight: 300!important; margin-bottom: 0px!important; margin-top: -15px;} .success-login{width: 320px;} .success-login.login_box{width:460px; left: 45%;} .img-drag-black{position: absolute; left: 5px; top: 9px;} .side-list li p{padding-left: 55px; color: #3C3C3C; font-size: 15px; margin-bottom: 5px;} .side-list li .right-menu{position: absolute; right: -2px!important; width: 26px; left: auto; top: 6px; color:transparent; cursor: pointer;} .side-list li:hover{background-color: rgba(234, 216, 216, 0.5); border-radius: 7px;} .logout-btn button{padding: 0; border: 1px solid #eee; background: none; font-size: 14px; border-radius: 5px; height: 40px;} .logout-btn img{cursor: pointer;} .drop-pr-dark, .user-side-dark{display: none;} .user-side-fade:hover{background-color: #f4f4f4; border-radius: 5px; transform: scale(1.10); transition: all 0.7s; padding: 2px 0;} .side-first-menu #cancel:hover{background-color: rgba(234, 216, 216, 0.5); border-radius: 5px; transform: scale(1.14);} .user-side-fade{padding: 2px 0; right: 25px;} img.add-new-sec-btn:hover{background-color: rgba(234, 216, 216, 0.5); border-radius: 5px; transform: scale(1.19); transition: all 0.7s;} img.add-new-test-btn:hover{background-color: rgba(234, 216, 216, 0.5); border-radius: 5px; transform: scale(1.19); transition: all 0.7s;} .dashboard-back:hover{background-color: rgba(234, 216, 216, 0.5); border-radius: 5px; transform: scale(1); transition: all 0.7s;} #createTicketDatepicker{background-color: #fff; line-height: 10px;} .fl-list-mr{margin-bottom: 10px!important;} button:focus{outline: none!important;} .side-minimal{background-image: url(/att_website_project/static/src/css/../images/side-bg.png); background-repeat: no-repeat; padding-left: 20px; background-size: cover; height: 100%;} .ticket-minimal, .tc-minimal{display: none;} .new-list{margin-top:5px;} .side-minimal ul{list-style-type: none; line-height: 40px; padding: 180px 10px 0px 0px;} .side-minimal ul li:hover{background-color: #E6CFD3; border-radius: 7px;} .side-minimal ul li{width: 40px; padding-left: 11px; cursor: pointer; margin-bottom: 8px;} .ui-corner-all{padding-left: 14px; border:none;} .side-sm-logout{padding-left: 4px; cursor: pointer;} .hidden-md-down{position: absolute; right: 10px; top: 10px; z-index: 1;} side-first-menu{z-index: 1026;} .side-hide-btn{position: absolute; left: 10px; top: 10px; display: none;} .nav-function-hidden:not(.nav-function-top) .page-header [data-class=nav-function-hidden]{background: none!important; border-color: #fff!important; -webkit-box-shadow: none!important; box-shadow: none!important; color: #fff!important;} .side-list-dropdown{position: absolute; left: 100px!important; min-width: 100px!important; padding:0px!important; top: 27px!important;} .side-list-dropdown ul li{line-height: 25px; padding: 3px 10px; cursor: pointer; margin-bottom: 0px; font-size: 14px; color: #3C3C3C;} .side-list-dropdown ul li:hover{background:#dddddd96; border-radius: 0px;} .dropdown-toggle:after{display: none!important; content: none!important;} .after-edit{border: none; background: none; padding-left: 50px; color: #3C3C3C; font-size: 15px; display: none;} #myModalDelete .modal-title, #myModalSectionDelete .modal-title, #myModaltcDelete .modal-title, #testcaseDelete .modal-title{color: #3C3C3C; font-size: 16px; text-align: center; width: 100%; padding: 10px 0px; border-bottom: 1px solid #D5D5D5; margin: 0px 15px; font-weight: bold;} .small-modal .modal-body p{color: #3C3C3C; font-size: 17px; font-weight: 500 !important; text-align: center; padding: 10px 30px; margin-bottom: 0px;} .small-modal .modal-footer .btn{background-color: #fff; border-radius: 8px; height: 40px; font-size: 16px; font-weight: 500; width: 11.25rem; margin-bottom: 20px; -webkit-appearance: none !important; transition: 0.7s;} .small-modal .modal-footer .delete-btn{border: 0.6px solid #d5d5d5; color: #858585;} .small-modal .modal-footer .cancel-btn{border: 0.6px solid #01bdf4; color: #01bdf4;} #create_quick_ticket .custom-select .selectize-input .select-one{width: 100% !important; font-size: 16px;} .small-modal .modal-footer .delete-btn:hover{background-color: #858585; color: #fff;} .small-modal .modal-footer .cancel-btn:hover{background-color: #01bdf4; color: #fff;} .small-modal .modal-dialog .modal-content{width: 26.875rem; margin: auto;} .small-modal .modal-header{padding:12px 10px 0;} .small-modal .modal-body{padding: 0px;} .small-modal .modal-footer{margin: 0 auto; padding: 0px; justify-content: center;} #myModalDelete.modal, #myModalSectionDelete.modal, #myModaltcDelete.modal, #testcaseDelete.modal{position: fixed;} #myModalDelete .modal-dialog .modal-content, #myModalSectionDelete .modal-dialog .modal-content, #myModaltcDelete .modal-dialog .modal-content, #testcaseDelete .modal-dialog .modal-content{box-shadow: 0px 3px 18px #d8e1e3;} #myModalTicketDelete .modal-title{color: #3C3C3C; font-size: 16px; text-align: center; width: 100%; padding: 10px 0px; border-bottom: 1px solid #D5D5D5; margin: 0px 15px; font-weight: bold;} #myModalTicketDelete .modal-header{padding:12px 5px 0;} #myModalTicketDelete .modal-body{padding: 0px;} #myModalTicketDelete .modal-footer{margin: 0 auto; padding: 0px;} #myModalTicketDelete.modal{position: fixed;} #myModalTicketDelete .modal-dialog .modal-content{box-shadow: 0px 3px 18px #d8e1e3;} #myModalLogout .modal-title{color: #3C3C3C; font-size: 15px; text-align: center; width: 100%; padding: 10px 0px; border-bottom: 1px solid #D5D5D5; margin: 0px 15px; font-weight: bold;} #myModalLogout .modal-dialog .modal-content{box-shadow: 0px 3px 18px #D8E1E3;} #myModalLogout .modal-header{padding: 12px 5px 0;} #myModalLogout .modal-body{padding: 0px;} #myModalLogout .modal-footer{margin: 0 auto; padding: 0px; border-top: none!important;} #myModalLogout.modal{position: fixed;} #popupLogout .modal-title{color: #3C3C3C; font-size: 16px; text-align: center; width: 100%; padding: 10px 0px; border-bottom: 1px solid #D5D5D5; margin: 0px 15px; font-weight: bold;} #popupLogout .modal-dialog .modal-content{box-shadow: 0px 3px 18px #D8E1E3;} #popupLogout .modal-header{padding: 12px 5px 0;} #popupLogout .modal-body{padding: 0px;} #popupLogout .modal-footer{margin: 0 auto; padding: 0px; border-top: none!important;} #popupLogout.modal{position: fixed;} .modal-backdrop.show{opacity: .5!important;} .modal-backdrop{background-color: #0C3553!important;} .close{opacity: 1.5!important;} .modal-header .close{padding:0px!important;} .project-part .dropdown-toggle:after, .dropleft .dropdown-toggle:before{display: none;} .project-dropdown{min-width: 18rem!important; padding: 0px !important; top:25px!important; transform: none !important;} .project-dropdown-list{max-height: 550px; overflow-x: hidden; overflow-y: scroll;} .project-dropdown-list::-webkit-scrollbar{width: 4px !important; scroll-behavior: smooth;} .project-dropdown-list::-webkit-scrollbar-thumb{background-color: #D5D5D5; border-radius: 0px; height: 5px;} .project-dropdown .dropdown-item:hover{color:#3C3C3C!important;} .project-dropdown .dropdown-item{color:#3C3C3C!important;} .project-dropdown .dropdown-item{padding:7px 10px!important;} .project-dropdown p{color:#3C3C3C; font-size: 15px !important;} .project-dropdown .pr-drop-close{color:#3C3C3C; font-size: 15px; cursor: pointer;} .pro-title{padding: 8px 10px 0px;} .pr-search-div{padding: 8px 10px 0px;} .project-dropdown input{width: 100%; font-size: 15px; border: 1px solid #D5D5D5; border-radius: 8px; height: 40px; padding: 0px 8px; margin-bottom: 10px;} .table-mob .pr-icon-box img{position: absolute; right: 0px; width: 20px!important; top: 10px;} .arrow-up{display: none;} .arrow-files-up{display: none;} .arrow-assignee-up{display: none;} .main-body-head hr{border-bottom: 1px solid #eee!important; background-color: #fff; margin-top: 0px; margin-bottom: 0px; padding: 0;} .hr_line{border-bottom: 1px solid #d5d5d5; width: 200px; margin: auto;} .pr-name{color: #858585; font-size: 14px;} .nmbr-noti{margin-top:5px;} .pr-name-o{color:#3C3C3C; font-size: 20px; padding-left: 10px; border: none; background: none;} .t-members{color:#505050; font-size: 14px;} .t-members span{color: #858585!important;} .top-member-list li img{width: 40px; height: 40px; transform: scale(1.1);} .project-part{padding-left: 15px; background-color: #fff;} .project-part ul{list-style-type: none; display: inline-flex; padding-left: 0;} .project-part .top-member-list li{height: 40px; width: 40px; overflow: hidden; border-radius: 13px; margin-right: 7px;} .view-btn{cursor: pointer; border: none; background: transparent;} .assignee-drop-list{position: absolute; padding: 15px!important; width: 24rem!important;} .assignee-drop-close{cursor: pointer;} .assignee-drop-list{display: none;} .assignee-drop-list label{color:#3C3C3C; font-size: 16px; width:100%; font-weight: 300!important;} .assignee-drop-list input{border:1px solid #D5D5D5; height: 40px; border-radius: 8px; padding:0px 10px; width:100%; color: #3C3C3C; font-size: 15px; font-weight: 400;} .descr-sec{margin-bottom: 15px; margin-top: 15px; display: none;} .descr-sec img{float:right; cursor: pointer;} .add-descr{font-weight: 500!important; cursor: pointer;} .assignee-drop-list .view-drop-close{float:right; color:#858585; cursor: pointer;} .assignee-drop-list .assignee-block .img-close{position: absolute; left: 17px; width: 16px;} .assignee-drop-list .assignee-block img:nth-child(2){width: 33px; height: 32px;} .assignee-drop-list .assignee-block p{position: absolute; left: 40px; top: 20px; font-size: 14px;} .scroll-before-show{width: 88px !important; height: 88px !important; border-radius: 40px !important; transform: scale(1.2);} .scroll-before-show-wrap{height: 88px; width: 88px; overflow: hidden; margin-top: 50px; width: 100%;} .scroll-before-show .default-name{font-size: 30px !important;} .view-member-dropdown{position: absolute; top: 146px!important; left: 16px!important; padding: 15px 15px 5px !important; width: 24rem!important; box-shadow: 0px 3px 18px #d8e1e3!important; max-height: 360px;} .common-team{padding-left: 15px !important;} .empty-horizontal-bar{color: #d5d5d5; width: 200px; margin: auto; border-bottom: 0.2px solid #d5d5d5; padding: 6px 0;} .common-empty-label{color: #3C3C3C; font-size: 18px; font-weight: 300 !important;} .common-blue{font-size: 14px; color: #01BDF4; font-weight: 300 !important; cursor: pointer;} .teamlistrowdiv{max-height: 215px; overflow: hidden scroll;} .teamlistrowdiv::-webkit-scrollbar{width: 2px !important; scroll-behavior: smooth;} #six-team-list .view-member-dropdown{overflow: hidden;} .member-search-list ul::-webkit-scrollbar{width: 4px !important; scroll-behavior: smooth;} ..member-search-list ul::-webkit-scrollbar-thumb{background-color: #D5D5D5; border-radius: 0px; height: 5px;} .view-member-dropdown label{color:#3C3C3C; font-size: 16px; width:100%;} .view-member-dropdown input{border: 1px solid #D5D5D5; height: 44px; border-radius: 8px; padding: 5px 10px; width: 100%; font-size: 16px; font-weight: 400;} .member-search-list ul{height: 250px; overflow: hidden scroll;} .create-add-member-div ul{height: 160px !important; overflow: hidden scroll; margin-bottom: 0;} .create-add-member-div ul::-webkit-scrollbar{width: 0px !important; scroll-behavior: smooth;} .view-member-dropdown .view-drop-close{float:right; color:#858585; cursor: pointer; margin-right: -7px; width: 32px; height: 32px; margin-top: -2px;} .view-member-dropdown .assignee-block .img-close{position: absolute; left: 22px; width: 13px; bottom: 7px;} .view-member-dropdown .assignee-block img:nth-child(2){width: 30px; height:30px;} .assignee-block .ass-pro-img, .assignee-add .ass-pro-img{width: 36px !important; height: 36px !important; border-radius: 13px !important; transform: scale(1.1);} .assignee-block .ass-pro-img-wrap{width: 36px; height: 36px; border-radius: 13px; overflow: hidden;} .view-member-dropdown .assignee-block p{position: absolute; left: 35px; top: 20px; font-size: 14px;} .in-search{cursor: pointer;} .member-search-list{display: none;} .teammember-search-list{display: none;} .searchlist-pro-img, .assigneeProfileImg{width: 40px !important; height: 40px !important; border-radius: 13px; transform: scale(1.1);} .member-search-list ul{display: block; padding:0px 5px; max-height: 197px;} .member-search-list ul li{margin-bottom: 15px; width: 100%; position: relative; list-style: none; cursor: default;} .assignee-add-img{cursor: pointer;} .member-search-list ul li p{margin-bottom: 0; padding-top: 10px; color: #858585; font-size: 14px; padding-left: 10px;} .view-expand{display: none;} .member-search-list ul li p:nth-child(3){position: absolute; color:#01BDF4; font-size: 16px; right: -20px; cursor: pointer; font-weight: 500!important;} .member-search-list .search-drop-close{position: absolute; top: 56px!important; right: 20px!important; font-size: 18px; color:#858585; font-weight: 400; cursor: pointer;} .main-body-head{margin-top: -12px; background-color: #fff;} .right-progress{background: linear-gradient(15deg, rgba(1,189,244,1) 52%, rgba(153,149,255,1) 90%); border-radius: 10px; padding: 10px 20px 0px; margin-right: 5px; margin-bottom: 10px;} .right-progress .progress{width: 100%; height: 45px;} .right-progress .progress-bar{width: 65%; margin: 2px; border-radius: 20px; background-color: #01BDF4;} .d-inline-block, .st-text{font-size: 15px; color:#fff; margin-bottom: 0px;} .d-inline-block span, .st-num{font-size: 50px; font-weight: 500; color:#fff; text-align: center;} .progress-st{list-style-type: none; display: inline-flex; padding-left: 0px;} .progress-st li{margin: 0px 7px; text-align:center;} .top-hide-btn{position: absolute; right: 14px; top: 20px; z-index: 99;} .table-top-main{padding-right: 30px; margin-right: 0px!important; padding: 0px 0px 0px 10px; background-color: #fff; padding-top: 10px; padding-bottom: 10px; margin-left: 0px!important;} .table-top-main ul{list-style-type: none; display: inline-flex; padding-left: 0px; width:100%; margin-right: 15px; margin-bottom: 5px;} .table-top-main ul li{padding:5px;} .ct-col{padding-right: 11px !important; padding-left: 2px !important;} .fl-col{padding-left: 0px !important; padding-right: 5px !important;} .exp-col{padding-left: 4px !important; padding-right: 3px !important;} .top-head{color: #3C3C3C; font-size: 20px; font-weight: 500!important; float:left; font-family: Helvetica; margin-bottom: 0;} .top-head span{color: #000; font-size: 14px; background-color: #f1eeee; border-radius: 6px; padding: 1px 6px; font-weight: 500!important;} .q-add{color: #01BDF4 !important; font-size: 14px !important; margin-bottom: 0; cursor: pointer; float: left; padding-left: 10px; font-weight: 500!important; display: flex; align-items: center; margin-top: 6px;} .q-add img{padding-right: 5px;} .secondClass{margin-right: 5px;} #webticketSearch::placeholder{overflow: visible; line-height: 1;} .table-top-main .search-outer img{position: absolute; right: 15px; top: 6px; cursor: pointer;} .table-top-main .search-outer input{width: 100%; height: 44px; font-size: 15px; border: 1px solid #D5D5D5; background: none; border-radius: 10px; padding: 0 10px; font-weight: normal; color: #3C3C3C;} .table-top-main .search-outer{position: relative;} .edit-outer{position: relative;} .apply-filter{background-color: #01bdf4 !important; box-shadow: 0px 6px 12px #01BDF471; width: 88px !important; height: 44px !important; padding: 5px !important; color: #fff !important; position: absolute; right: 18px; font-size: 16px !important; border: 1px solid #01bdf4 !important; border-radius: 8px !important; bottom: 20px;} .filter-outer .dropdown-menu .fl-top-bar .filter-head{padding-top: 5px;} .filter-outer .dropdown-menu .fl-top-bar .filter-head .fl-btn{padding-top: 4px;} .fi-active-img{position: absolute; top: 4px; right: 4px; display: none;} .fl-clear{width: 75px; margin-top: 6px; cursor: pointer;} .fl-clear label{font-size: 16px; color: #3c3c3c; font-weight: 100; cursor: pointer; margin-left: -4px; font-weight: 500;} .fl-clear-img{margin-top: -4px;} .export-outer, .filter-outer{position: relative;} .export-error-msg{padding: 10px; text-align: left; color: #ff0000; display: none;} .filter-outer button, .export-outer button{padding: 5px 15px;} .filter-outer .dropdown-menu{min-width: 20.438rem!important; position: absolute; left: -175px!important; transform: none !important; top: -160px!important; padding-right: 4px;} .fl-body{height: 650px; overflow: hidden scroll;} .fl-sort-list{height: 250px;} .fl-body::-webkit-scrollbar{width: 0px !important; scroll-behavior: smooth;} .fl-body::-webkit-scrollbar-thumb{background-color: #D5D5D5; border-radius: 0px; height: 5px;} .filter-outer .dropdown-menu .fl-top-bar{width: 100%; border-bottom: 1px solid #fff; margin-bottom: 7px; font-size: 16px;} .filter-outer .dropdown-menu .fl-top-bar p{position: relative; color: #3C3C3C; font-weight: 500!important; font-size: 16px; padding: 2px 10px 0px; margin-bottom: 5px;} .filter-outer .dropdown-menu .fl-top-bar .fl-btn{position: absolute; right: 35px; top: -4px; cursor: pointer;} .filter-outer .dropdown-menu .fl-drop-close{cursor: pointer; margin-right: 8px; margin-top: 2px;} .fl-pd-list{padding: 5px 15px; position: relative;} .fl-pd-list .fltrModulediv{position: relative;} .fl-sort-list{display: none;} .fl-sort-list button{width:70px; height: 32px!important; color:#3C3C3C; border:1px solid #01BDF4!important; float:right; padding: 0px!important; margin-bottom: 10px; font-size: 15px;} .fl-list-item{display: inline-flex; margin-bottom: 23px; width: 100%; flex-direction: column;} .create-custom-fltr{color: #01BDF4 !important; font-size: 14px !important;} .custom-date input{width: 60% !important; height: 36px !important; margin-left: 1.563rem; border-color: #D5D5D5 !important; border-radius: 8px;} .custom-date label{color: #3c3c3c; font-size: 14px;} .custom-from img, .custom-to img{position: absolute; right: 6.25rem !important; top: 30px !important; width: 25px !important; height: 25px !important;} .custom-to{position: relative;} .custom-date{display: none; position: relative;} .custom-date .date-input{background-position-x: 95% !important;} .sort-list .fl-list-item{margin-bottom: 10px;} .filter-sub-head{color:#858585; font-size: 16px; margin: 0px; padding: 15px 0px 7px 0px;} .fl-list-item input{margin-top: 8px; margin-right: 15px;} .fl-list-item img{width: 30px; height: 30px; margin-left: 25px;} .fl-pd-list .filter-sub-head:first-child{padding: 5px 0px 10px 0px!important;} .fl-list-item p{margin-bottom: 0px; margin-top: 6px; margin-left: 7px; padding-left: 20px; font-size: 14px; color: #3C3C3C;} .fl-first p{padding-left: 0px!important;} .font-reg{font-weight: 300!important;} .font-md{font-weight: 500!important;} .fl-all-text{color: #858585; font-size: 13px; font-weight: 500!important margin-bottom: 0px; position: absolute; right: 17px; bottom: 16px} .module-see-all.fl-all-text{right: 2px; bottom: 2px;} .fl-img-list .fl-list-item{position: relative;} .fl-img-list .fl-list-item img{position: absolute; top: -5px; left: 5px;} .fl-img-list .fl-list-item label{padding-left: 70px!important; font-size: 14px; color: #3C3C3C; font-weight: 400;} .fl-list .default-profile{height: 30px; width: 30px; border-radius: 9px; position: absolute; left: 30px; top: -5px;} .fl-text-list label{padding-left: 28px!important; font-size: 14px; font-weight: 400; color: #3C3C3C !important;} .sort-list label, .ex-pd-list label{padding-left: 25px!important; font-size: 14px; color: #3C3C3C;} .status-drop-list .export-head, .ticket-type-drop .export-head{padding: 5px 0px 3px 10px; margin-bottom: 0px; font-size: 15px; color:#3C3C3C;} .status-drop-list .pr-drop-close{position: absolute; top: 7px!important; right: 7px!important;} .status-drop-list .ex-list-item input{margin-right: 0px!important;} .status-drop-list{min-width: 11rem!important;} .status-drop-list .ex-list-item p{font-weight: 500; color:#3C3C3C; padding-left: 20px; font-size: 15px;} .dropdown-prior-statuslist{left: -163px !important;} .dropdown-prior-statuslist .export-head{padding: 5px 0px 3px 10px; margin-bottom: 0px; font-size: 15px; color:#3C3C3C;} .dropdown-prior-statuslist .pr-statuslist-drop-close{position: absolute; top: 7px!important; right: 7px!important;} .dropdown-prior-statuslist input{margin-right: 0px!important;} .dropdown-prior-statuslist{min-width: 11rem!important;} .dropdown-prior-statuslist p{font-weight: 500; color:#3C3C3C; padding-left: 20px; font-size: 15px;} .drop-pr-fade:hover{background-color: #f4f4f4; border-radius: 5px; transform: scale(1.10); transition: all 0.7s; padding: 2px 0;} .drop-pr-btn{padding: 2px 0;} .drop-prstatuslist-fade:hover{background-color: #f4f4f4; border-radius: 5px; transform: scale(1.10); transition: all 0.7s; padding: 2px 0;} .drop-pr-statuslist-btn{padding: 2px 0;} .export-outer .dropdown-menu{min-width: 13rem !important; position: absolute; left: -120px !important; top: 48px !important; transform: none !important; min-height: 90px;} .export-outer .dropdown-menu .ex-top-bar{width: 100%; margin-bottom: 7px;} .ex-view-list{padding: 0px 5px;} .export-outer .dropdown-menu .ex-top-bar p{color: #3C3C3C; font-size: 15px; padding: 2px 10px 0px; margin-bottom: 5px;} .project-active span{color: #01BDF4; font-size: 14px;} #project-member-count{margin-bottom: 0.5rem !important;} .project-active-img{float: right; width: 22px !important; height: 36px !important;} .project-name-short{font-size: 14px !important;} .export-outer .dropdown-menu .ex-drop-close{float: right; color:#858585; cursor: pointer;} .ex-pd-list{padding-bottom: 5px;} .ex-sort-list{display: none;} .status-list label{font-size: 15px; font-weight: 500;} .ex-view-list button{width:139px; height: 44px!important; color:#fff; background-color:#01BDF4!important; padding: 0px!important; font-size: 15px; display: flex; align-items: center; justify-content: center;} .ex-view-list .ex-download-btn img{margin-left: -10px;} .ex-list-item{display: inline-flex; width: 100%; padding: 7px 0 7px 10px;} .form-check-label{width: 100%;} .ex-list-item:hover{background-color: #F4F4F4;} .ex-list-item input{margin-top: 8px; margin-right: 15px;} .ex-list-item p{margin-bottom: 0px; margin-top: 6px; margin-left: 7px; padding-left: 18px;} .ex-all-text{color: #858585; font-size: 14px; float: right; margin-bottom: 0px; margin-top: -35px;} .table-top-main button{border: 1px solid #D5D5D5; background: none; height: 44px; border-radius: 10px; width: ; background-color:#fff; color: #3C3C3C; font-weight: 300;} .top-cr-lg, .top-fl-lg, .top-ex-lg{display: flex; align-items: center; justify-content: center;} .table-top-main button:hover{border-color: #01bdf4; transition: all 0.7s;} .edit-outer button{border: 1px solid #01BDF4; padding: 5px 15px;} .ex-download-btn{margin: 10px 5px 10px 10px; color:#fff!important;} .gallery-list, .log-gallery-list{list-style-type: none; padding: 0px;} .assigne-list{list-style-type: none; padding: 0px;} .table-profile-img{width: 38px !important; height: 38px !important; background-color: #fff; border-radius: 50%; margin-top: -3px; margin-right: 3px; padding: 5px;} .table-default-profile{width: 28px !important; height: 28px !important; margin-right: 7px; padding: 5px; margin-left: 5px;} .assigne-list li{margin-bottom: 8px; align-items: center;} .table-assignee-name{width: 1px !important; min-width: 70%; display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top;} .assigne-list li .assigneeProfileImg{margin-top: -2px; margin-right: 8px; width: 26px !important; height: 26px !important; border-radius: 7px;} #imageGalleryPopList .modal-dialog,{box-shadow: none!important;} #expandedImg{max-width: 100%; max-height: 700px !important;} #expandedTCImg{max-width: 100%; border: 1px solid #D5D5D5; border-radius: 8px; max-height: 700px !important;} .galleryLoaderDiv{width: 38px; height: 38px;} .galleryLoader-outer{display: flex; align-items: center; justify-content: center;} .expand-block{text-align: center;} .expand-block video{height: 37.5rem;} #more{display: none;} #more-files{display: none;} #more-assignee{display: none;} .more-btn{background: transparent; border: none; color: #858585; font-size: 13px; padding-left: 0px;} .table-outer table{} .table-tickets, .tickets-table{overflow: auto; height: calc(100vh - 245px); -webkit-overflow-scrolling: touch !important; touch-action: auto;} .table-tickets::-webkit-scrollbar{width: 0px !important;} .table-outer table thead{background-color: #f1f1f2; z-index: 99; position: sticky; top: -5px;} .table-main{} .table-main table .fa-pencil, .fa-ellipsis-v{color:#D5D5D5;} .table-main table .fa-pencil:hover, .table-main table .fa-ellipsis-v:hover{color:#000;} .table-striped tbody tr:nth-of-type(odd){background-color: #fff!important;} .table-main table{background-color: #f1f1f2; width:100%; overflow-x: auto; border-collapse: separate!important; border-spacing: 0px 5px!important; padding: 0px 10px 0px !important;} .table-main table tbody tr{margin: 5px; background-color: #fff;} .table-main table th, td{border:none!important;} .table-main table th{color:#858585; font-size: 14px; font-weight: 500;} .table-main table td{color: #3C3C3C; font-size: 15px; line-height: 20px; font-family: 'Helvetica'; font-weight: 300;} .data-custom-table{padding:0px 10px;} .bg-ID{width:6.938rem!important;} .ticket-sec{width:8.125rem!important;} .ticket-mod{width:12.5rem!important;} .titket-title{width: 25rem!important;} .view-expand{width:12.5rem!important;} .ticket-st{width: 9.5rem!important;} .ticket-priority{width:12.5rem!important;} .ticket-assign{width: 14.813rem!important;} .ticket-att{width: 9.125rem !important;} table tr td:first-child{border-radius: 8px 0px 0px 8px;} table tr td:last-child{border-radius: 0px 8px 8px 0px;} .table-main .file-type{color:#01BDF4; font-size: 13px;} .shorthand{max-width: 88%;} .ios-table-top ul{list-style-type: none; padding: 15px 15px 0px; display: inline-flex; margin-bottom: 0;} .ios-table-top ul li{padding-right: 15px;} .ios-table-top{background-color: #fff;} .table-mob{padding:15px;} .table-mob p{font-size: 15px; margin-bottom: 5px;} .head-text{color:#858585; font-size: 15px; padding-left: 10px;} .info-text{padding-left: 25px; color: #3C3C3C; font-size: 15px;} .mob-table-assignee{list-style-type: none; display: inline-flex; padding-left: 0;} .file-type{color: #01BDF4; font-size: 13px;} .head-sub-text{padding-left: 25px; margin-top: -3px; color:#858585; font-size: 15px;} .single-box{background-color: #fff; border-radius: 8px; padding: 0px 6px; margin-bottom: 15px;} .pr-text-wrap{position: relative;} .pr-text-right{position: absolute; right: 0px;} .mob-table-assignee{position: relative; width: 100%;} .mob-table-assignee .fa-ellipsis-v{color: #000; font-size: 15px; position: absolute; right: 0; top: 13px;} .mob-table-assignee img{margin-right: 5px; border-radius: 50%; width: 35px;} .table-mob .file-type{position: relative; width:100%;} .table-mob .file-type .fa-pencil{color:#000; position: absolute; right: 35px;} .table-mob .file-type .drag-black{color:#000; position: absolute; right: 0px;} .mob-bug-title{padding-left: 25px; margin-top: -3px; color:#858585; font-size: 15px;} .mob-bugid{font-size: 15px; color: #3c3c3c; padding-left: 8px;} .dashboard-table-card{background-color: #fff !important; border-color: #fff !important; border-bottom-right-radius: 8px!important; border-bottom-left-radius: 8px!important; border-top-right-radius: 8px!important; border-top-left-radius: 8px!important;} .btn-link{background-color: #fff !important;} .text-left{border: none; text-decoration: none !important;} .acc-btninfo-text{padding-top: 10px; padding-left: 25px !important; color: #3c3c3c; font-size: 15px;} .mob-left-info label{color: #858585; font-size: 15px;} .title-check input[type="checkbox"]:checked+label:before, .title-check input[type="checkbox"]:not(:checked)+label:before{top: 10px !important;} .title-check input[type="checkbox"]:checked+label:after, .title-check input[type="checkbox"]:not(:checked)+label:after, .title-check input[type="checkbox"]:not(:checked):hover+label:before{top: 10px !important;} .mob-left-info input[type="checkbox"]:checked+label:before, .mob-left-info input[type="checkbox"]:not(:checked)+label:before{top: 0px !important; left: -13px !important;} .mob-left-info input[type="checkbox"]:checked+label:after, .mob-left-info input[type="checkbox"]:not(:checked)+label:after, .mob-left-info input[type="checkbox"]:not(:checked):hover+label:before{top: 0px !important; left: -13px !important;} .mob-left-info label{padding-left: 10px !important;} .quick-add-member-div ul{max-height: 160px !important; min-height: 40px !important; overflow: hidden scroll; margin-bottom: 0;} .close{position: absolute; right: -35px!important; color: #fff!important; font-size: 35px!important;} .modal-top{width:100%;} .add-id-text{margin-right: 18px;} .modal-top-left, .modal-top-right{padding:0px!important;} .quick-add-pop-screen{margin: 0px!important;} .modal-top p{margin-bottom: 2px; color:#858585; font-size: 14px; margin-right: 18px; font-weight: 500!important;} .modal-top h4{color:#3C3C3C; font-size: 20px; font-weight: 500;} .modal-top .pd-left{padding-left: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .modal-top-right{text-align: right;} .modal-header label, .modal-body label, .modal-footer label{color: #3C3C3C; font-size: 16px; font-weight: 400 !important;} #myModalCreate .modal-body label{margin-top: 7px;} #myModalCreate .modal-dialog .dropzone{min-height: 0 !important;} .modal-body input, textarea{font-size: 16px; border-radius: 8px; width:100%; border:1px solid #D5D5D5; padding:10px; height: 44px;} .modal-body input:focus{border-color: #d5d5d5 !important;} .selectize-input.input-active, .selectize-input.input-active:hover, .selectize-control.multi .selectize-input.focus #myModalCreate .modal-body .selectize-control{border: none !important;} #myModalCreate .due-date-label{margin-bottom: 1px !important;} .date-calender{position: absolute; right: 20px; bottom: 18px; cursor: pointer;} .date-input{background: url(/att_website_project/static/src/css/../images/calender.svg); z-index: 9999; background-repeat: no-repeat; background-position-x: 98%; background-position-y: 50%; cursor: pointer;} #myModalViewEdit .date-calender, #myModalView .date-calender{bottom: 33px !important;} #myModalView input:focus,#myModalView textarea:focus{box-shadow: none !important;} #myModalViewEdit{overflow-y: scroll !important;} #myModalViewEdit::-webkit-scrollbar{width: 8px !important; scroll-behavior: smooth;} #myModalViewEdit::-webkit-scrollbar-thumb{background-color: #858585;} #createTicketDatepicker{height: 44px;} .modal-body p{color:#858585; font-size: 14px; text-align: right;} .modal-body textarea{height: 120px; resize: none; font-size: 16px; color: #3C3C3C; font-weight: 300 !important;} .assignee-block{display: inline-flex; padding-top: 10px; position: relative; width: 100%;} .assignee-block p{position: absolute; width: 100%; left: 50px; top: 20px; color: #3C3C3C; font-size: 16px; text-align: left;} .date-input{color:#858585!important; font-size: 15px!important;} .assignee-block .img-close{position: absolute; left: 25px; z-index: 1026;} .modal-footer .new-ticket{color: #FFF; width:100%; text-align: center; font-size: 16px; border-radius: 8px; height: 44px; font-weight: bold !important; background-color: #01BDF4; display: flex; justify-content: center; align-items: center;} .modal-footer .new-ticket:hover{color:#FFF; box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);} #quick_create_ticket_process_icon, #create_ticket_process_icon{width: 30px; height: 30px;} #myModalCreate .modal-footer{padding: 10px 0px;} .quick-add-user, added-assignee, .create-add-user, .EditTicTeamMemberAdd, .EditTicTeamMemberAddedPencil, EditTicTeamMemberAddPencil, .editAdd-ass, .added-img, .ticketTeamMemberAdded, .ticketTeamMemberAdd, .createProjAddAssignee, .AssigneeAdded, .addAssigneeToEditProject{cursor: pointer;} .create-add-search-drop-close{position: absolute; right: 2px; top: 8px; cursor: pointer;} .create-modal select, #myModal select, #this_tic_section, #this_edit_tic_section{font-size: 14px; border-radius: 8px; width: 100%; border: 1px solid #D5D5D5; padding: 10px; appearance:none!important; outline: none; position: relative; -webkit-appearance: none; -moz-appearance: none; background: transparent; background-image: url("data:image/svg+xml;utf8,<svg fill='gray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>"); background-repeat: no-repeat; background-position-x: 98%; background-position-y: 10px; margin-right: 2rem; padding-right: 2rem; color: #3c3c3c !important;} .select-wrap{font-size: 14px!important; border-radius: 8px!important; width: 100%!important; border: 1px solid #D5D5D5!important; padding: 10px!important; appearance:none!important; position: relative!important; -webkit-appearance: none!important; -moz-appearance: none!important; background: transparent!important; background-image: url("data:image/svg+xml;utf8,<svg fill='gray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>")!important; background-repeat: no-repeat!important; background-position-x: 98%!important; background-position-y: 6px!important; border: 1px solid #dfdfdf!important; margin-right: 2rem!important; padding-right: 2rem!important; text-align: left; height:40px!important;} .select-pr-sub{width:95%;} .select-pr-sub .dropdown-item{font-size: 16px!important; font-weight: 300!important;} .select-arrow{position: absolute; right: 0;} .text-drop{color:#858585; font-size: 16px; font-weight: 300;} .attachmnt-icon{position: absolute; top: 5px; left: 10px;} .create-ticket-drop{border: none!important; background: #fff!important; cursor: pointer;} .drop-wrapper #panel-1{border-radius: 8px;} #panel-1{margin-bottom: 0.5rem;} .create-ticket-main .modal-footer textarea, .view_tc_comment, .create_tc_comment, .edit_tc_comment{border-radius: 8px; resize: none; background-color: #F2F2F2; height:44px !important; overflow: hidden; border: none; line-height: unset !important; font-size: 16px; color: #3C3C3C; padding-right: 50px; width: 99% !important;} .create-ticket-drop .fa-paperclip{color: #D5D5D5; font-size: 26px; margin-top: -13px; margin-left: -10px; cursor: pointer;} .create_tic_comment ::placeholder{color: #D5D5D5;} .edit-comment-wrap .ass-name{font-weight: 400 !important;} .create_tic_comment, .edit_tic_comment, .edit_edit_tic_comment{width: 99% !important;} td{cursor: pointer;} #myModal .modal-body .custom-select{background-color: white !important; box-shadow: none !important; height: 44px !important; padding: 0px !important; top: -4px !important; border: none !important;} #myModal .modal-body .custom-select .selectize-dropdown-content{background-color: #fff; z-index: 1026; border: 1px solid #d5d5d5; max-height: 250px; min-height: 50px; overflow-y: scroll; max-height: 277px; box-shadow: 0px 3px 18px #D8E1E3;} #myModal .modal-body .custom-select .selectize-dropdown-content::-webkit-scrollbar{width: 4px !important; scroll-behavior: smooth;} #myModal .modal-body .custom-select .selectize-dropdown-content::-webkit-scrollbar-thumb{background-color: #D5D5D5; border-radius: 0px; height: 5px;} .selectize-input.input-active{border-color: #d5d5d5 !important; box-shadow: none !important;} .selectize-control.single .selectize-input{background-color: #fff !important; height: 44px !important; background-image: unset !important; box-shadow: none; border: 1px solid #d5d5d5 !important; border-radius: 8px; font-size: 16px;} .edit-mode .selectize-input input{box-shadow: none !important;} .selectize-control.single .selectize-input .item{margin-top: 3px;} .selectize-control.single .selectize-input:after{display: none !important;} #module_id-selectized{height: 100% !important;} #q_module_id-selectized, #c_module_id-selectized, #editTic_module_id-selectized{width: 100% !important; font-size: 16px !important; line-height: 10px !important; height: 100%;} .quick-addsquare img{cursor: pointer;} .quick-hidden{display: none;} .quickadd-hidden-close{position: relative; float: right; cursor: pointer; margin-top: -26px; top: 36px; left: -5px;} .input-blue{border: 1px solid #01BDF4 !important; color: #3C3C3C !important; height: 44px !important;} #myModal .modal-body .custom-select .select2-arrow{background-image: unset !important; border-left: none !important; background-color: #fff !important; right: 3px !important; top: 8px !important;} #myModalCreate .selectize-control .selectize-input .select-one{width: 100% !important; padding-top: 4px !important; font-size: 16px;} .select2-drop{margin-top: -44px; !important; border-radius: 8px !important; padding-top: 10px !important;} .select2-drop-active{border: 1px solid #d5d5d5 !important;} #myModal .modal-body .select2-container-active{border: 1px solid #d5d5d5 !important;} #myModal .modal-body .select2-choice{padding-top: 10px!important; font-size: 16px !important; color: #858585 !important; height: 44px !important; background-image: unset !important;} #myModal .modal-body .select2-choice:focus{border: 1px solid #d5d5d5 !important;} .select2-highlighted{background-color: #f2f2f2 !important; color: #858585 !important;} .select2-results li{color: #858585 !important;} #modulez{position: absolute; background-color: #F4F4F4; border: 1px solid #d5d5d5; max-height: 180px; overflow-y: auto; border-radius: 8px; font-family: Arial; width: 95%; padding: 5px; z-index: 1026;} #modulez::-webkit-scrollbar{width: 3px !important; scroll-behavior: smooth;} #modulez::-webkit-scrollbar-thumb{background-color: #D5D5D5; border-radius: 0px;} .c_module_options{background-color: #F4F4F4 !important;} #quickmodulez{position: absolute; background-color: white; border: 1px solid #7c7c7c; height: 180px; overflow-y: auto; font-family: Arial; width: 460px; padding: 5px; -webkit-box-shadow: 0 3px 35px 3px rgba(0,0,0,.52); box-shadow: 0 4px 4px 4px rgba(0,0,0,.15);} #modulez option, #quickmodulez option{background-color: white; padding: 4px; color: #495057; margin-bottom: 1px; font-size: 16px; cursor: pointer;} #modulez option:hover, #modulez .active, #quickmodulez option:hover, #quickmodulez .active{background-color: #2196F3; color: #3C3C3C !important;} .screen-block a{color:#01BDF4; font-size: 15px; font-weight: 300;} .screen-block .fa-times{float:right;} #myModalView .modal-top{border:none;} #myModalView .view-ticket-over input{border: none; border-bottom: 1px solid #D5D5D5; border-radius: 0px; width: 100%; font-size: 16px; padding: 10px; color:#3C3C3C !important; background-color: #fff; -webkit-text-fill-color: #3c3c3c;} #myModalViewEdit input{border: 1px solid #D5D5D5; border-radius: 8px; width: 100%; font-size: 15px; padding: 10px; color: #3C3C3C !important;} #myModalView .view-btn-box{position: absolute; right: 20px; display: inline-flex;} #myModalViewEdit .view-btn-box{position: absolute; right: 20px; display: inline-flex;} #myModalViewEdit .view-btn-box button{background: none; border: 1px solid #01BDF4; border-radius: 8px; padding: 8px 20px; width: 86px; height: 44px; color: #3C3C3C; font-size: 15px; cursor: pointer; z-index: 99;} #myModalViewEdit .view-btn-box .view-log-btn{margin-right: 10px; width: 124px; padding: 10px 10px; display: inline-flex;} #myModalViewEdit .view-btn-box .view-log-btn img{margin-top: -2px;} #myModalViewEdit .view-btn-box .view-ticket-edit-btn{margin-right: 10px; width: 90px; padding: 10px 10px; display: inline-flex;} #myModalViewEdit .view-btn-box .view-ticket-edit-btn img{width: 27px; margin-top: -2px;} #myModalViewEdit .view-btn-box .view-pop-delete{margin-right: 10px; width: 87px; padding: 10px 14px 10px 10px; display: flex; justify-content: center; align-items: center;} .view-pop-delete{padding: 10px !important;} .view-pop-delete img{margin-top: -4px;} #myModalViewEdit .view-btn-box .view-editTic-ticket-done-btn{background: none; border: 1px solid #01BDF4; border-radius: 8px; padding: 8px 20px; width: 86px; height: 44px; color: #3C3C3C; font-size: 15px; cursor: pointer; z-index: 99;} #myModalViewEdit .search-drop-close3{position: absolute; right: 17px; margin-top: 4px;} #myModalViewEdit .view-edit-sec-col{padding-right: 0px !important;} #myModalViewEdit .edit-tic-due-date{height: 44px;} #myModalView .view-ticket-edit-click input{border: 1px solid #D5D5D5; border-radius: 8px; width: 100%; font-size: 16px; padding: 10px; height: 44px; color: #3C3C3C !important;} #myModalView .view-btn-box{position: absolute; right: 20px; display: inline-flex;} #myModalView .view-btn-box button{background: none; border: 1px solid #01BDF4; border-radius: 8px; padding: 8px 20px; width: 86px; height: 44px; color: #3C3C3C; font-size: 16px; cursor: pointer; z-index: 99;} .view-ticket-done-btn{width: 100px !important; padding-left: 15px !important;} .view-ticket-done-btn label{padding-top: 2px; marign: 0;} .view-ticket-done-btn img{margin-right: -4px; margin-top: -3px;} .view-pr-list{position: relative;} .view-pr-list img{position: absolute; left:10px; top:-3px;} .cmnt-label{margin-bottom: -5px!important;} .view-pr-list input{padding-left:25px!important;} .pop-sub-head{padding-top:3px;} .ass-label{padding-top: 7px; margin-bottom: 0.3rem;} #myModalView .view-btn-box .view-log-btn{margin-right: 10px; width: 124px; padding: 10px 10px; border: 1px solid #D5D5D5; display: inline-flex;} #myModalView .view-btn-box button:first-child img{width: 23px; margin-right: 5px;} #myModalView .view-btn-box button:nth-child(2){margin-right: 10px; padding: 10px 12px; display: inline-flex;} #myModalView .view-btn-box button:nth-child(2) img{width:24px;} #myModalView .view-btn-box button:nth-child(3){border: 1px solid #F05851; width: 100px; position: relative; padding-left: 35px;} #myModalView .edit-tic-modal-searchlist ul,#myModalViewEdit .edit-tic-modal-searchlist ul{height: 220px; overflow-y: auto; overflow-x: hidden;} #myModalView .modal-body,#myModalViewEdit .modal-body{padding-top:0px;} #myModalView .drop-wrapper .attach-close{float:right;} #myModalView .view-ticket-over .drop-wrapper{height:100px;} #myModalView .drop-wrapper a{color:#01BDF4; font-size: 15px;} .comment-time{font-size: 13px; color: #858585; font-weight: 300; margin-top: -3px;} #myModalView .comment-bottom-block .assignee-block .ass-name{top:12px; color:#3C3C3C;} #myModalViewEdit .comment-bottom-block .assignee-block .ass-name, #table-edit-model .ass-name{top:12px; color:#3C3C3C;} #myModalView .assignee-block .ass-log, #table-edit-model .assignee-block .ass-log{top: 33px; font-size: 13px; color:#858585;} .comment-text{padding-top: 15px; font-size: 16px; font-weight: lighter !important; color: #3c3c3c; white-space: pre-wrap;} .comment-text{text-align: left; font-size: 16px; color: #3c3c3c;} .link-short{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; width: 100%;} .attach-close{position: absolute; right: 27px; top: 3px;} #myModalViewEdit .assignee-block .ass-log{top: 33px; font-size: 13px; color:#858585;} #myModalViewEdit .comment-text{padding-top: 15px; font-size: 15px; font-weight: 300; white-space: pre-wrap;} .sell-all-ticket-title{font-size: 20px !important; color: #3c3c3c !important; font-weight: 500 !important; padding-left: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 370px;} .seeall-profile{width: 40px; height: 40px; border-radius: 13px;} #myModalView .search-drop-close3{position: absolute; right: 17px; margin-top: 7px;} #myModalView .date-input{color: #858585 !important;} #myModalView .view-label{margin-bottom: 5px;} #createProjectPop .modal-dialog .modal-content .modal-body .drop-wrapper .panel-container form{border: 1px solid #d5d5d5 !important; border-radius: 13px; height: 200px; width: 200px;} #createProjectPop .modal-dialog .modal-content .modal-footer{padding-left: 0px; padding-right: 0px;} #createProjectPop .modal-dialog .modal-content .modal-footer .create_new_project_btn{margin: 15px 0px;} .undo-block{border: 1px solid #01BDF4; border-radius: 8px; background-color: #01BDF4; width: 70%;} .snackbar{border: 1px solid #01BDF4; border-radius: 8px; background-color: #01BDF4; width: 73%; padding: 7px 15px; position: fixed; z-index: 1; left: 22.5%; bottom: 30px; font-size: 17px;} .snackbar-title{color: #96E7FF !important; font-size: 18px !important;} .snackbar p{margin-bottom: 0px;} .snackbar.show{visibility: visible; -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; animation: fadein 0.5s, fadeout 0.5s 2.5s;} @-webkit-keyframes fadein{from{bottom: 0; opacity: 0;}to{bottom: 30px; opacity: 1;}} @keyframes fadein{from{bottom: 0; opacity: 0;}to{bottom: 30px; opacity: 1;}} @-webkit-keyframes fadeout{from{bottom: 30px; opacity: 1;}to{bottom: 0; opacity: 0;}} @keyframes fadeout{from{bottom: 30px; opacity: 1;}to{bottom: 0; opacity: 0;}} .snackbar p{color:#fff; font-size: 16px; margin-bottom: 0px;} .snackbar-close{position: absolute; right: 13px; top: 15px; cursor: pointer;} .snackbar-right{position: absolute; right: 60px; top: 13px; display: inline-flex; background-color: #16C5F8; padding-top: 9px; border-radius: 6px;} .snackbar-right p:nth-child(2){margin-top: -7px; cursor: pointer;} .search-bold{color:#3C3C3C; font-weight: bold;} .st-text{position: relative;} .img-shader{height: 26px; width: 16px; position: absolute; right: 0px; border-radius: 3px; top: 0; opacity: 1; background: linear-gradient(270deg,#fff 0,hsl(0deg 0% 100% / 50%));} .archive-active .img-shader{background: linear-gradient(270deg,#f4f4f4 0,hsl(0deg 0% 100% / 30%)) !important;} .table-thumb-list li:nth-child(3){position: relative;} .top-fl-sm, .top-cr-sm, .top-ex-sm{width:50px!important;} .img-project-list{width: 40px; height: 40px; border-radius: 13px;} .extra-btn-effect{background: linear-gradient(to top, #01bdf4c2 0%,#9995FF 90%); border-radius: 8px; padding: 10px; margin-top: -10px; margin-right: -10px;} .click-show{display: none;} .pd-minimum{padding:0px 5px!important;} .dropdown-menu{z-index:999;} .dropdown-menu-right{top: 0%!important; overflow-x: hidden;} #cancel{cursor: pointer; transition: 0.7s;} .assignee-drop-list .assignee-drop-close{position: absolute; right: 6px!important; top: 10px; width: 27px;} .scroll-after-show{display: none; width: 45px; padding-right: 10px; margin-bottom: 10px;} .after-scroll-line{width: 270px!important; margin: -15px auto 0px;} .dropdown-menu{z-index:9999!important;} .team-drop-list .assignee-drop-close{position: absolute; right: 6px!important; top: 10px; width: 27px;} .team-drop-list input::placeholder{color: #858585; font-size:16px; font-weight: 300!important;} .team-drop-list input:-ms-input-placeholder{color: #858585; font-size:16px; font-weight: 400;} .team-drop-list input::-ms-input-placeholder{color: #858585; font-size:16px; font-weight: 400;} .team-drop-list .view-drop-close{float:right; color:#858585; cursor: pointer;} .team-drop-list .assignee-block .img-close{position: absolute; left: 25px; width: 16px; cursor: pointer; top: 8px;} .teamlistrowdiv .remove-user{left: 25px !important; top: 10px;} .team-drop-list .assignee-block img:nth-child(2){width: 33px; height: 32px;} .team-drop-list .assignee-block p{position: absolute; left: 40px; top: 20px; font-size: 14px;} .table-ass-name{width: 1px !important; min-width: 75%; display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top;} .team-drop-list{display: none;} .ticket-member-search-list ul{height: 250px; overflow: hidden scroll;} .ticket-member-search-list ul::-webkit-scrollbar{width: 3px !important; scroll-behavior: smooth;} .ticket-member-search-list ul::-webkit-scrollbar-thumb{background-color: #D5D5D5; border-radius: 13px; height: 5px;} .team-drop-list label{color:#3C3C3C; font-size: 16px; width:100%; font-weight: 300!important;} .team-drop-list input{border:1px solid #D5D5D5; height: 40px; border-radius: 8px; padding:0px 10px; width:100%; color: #3C3C3C; font-size: 15px; font-weight: 400;} .team-drop-list{position: absolute; padding: 15px 15px 3px !important; width: 25rem!important; top: 0% !important; left: 0% !important;} .ass-drop{left: -245px !important;} .team-drop-list .search-drop-close2{position: absolute; right: 20px!important; font-size: 18px; color:#858585; font-weight: 400; cursor: pointer; top: 47px!important;} .ticket-member-search-list{display: block;} .poplist-divider{margin: auto; width: 180px; border-bottom: 1.5px solid #D5D5D5;} .ticket-member-search-list ul{display: block; padding: 0 5px;} .ticket-member-search-list ul li{margin-bottom: 15px; width: 100%; position: relative;} .ticket-member-search-list ul li p{margin-bottom: 0; padding-top: 10px; color: #858585; font-size: 14px; padding-left: 10px;} .ticket-member-search-list ul li p:nth-child(3){position: absolute; color:#01BDF4; font-size: 16px; right: -20px; cursor: pointer; font-weight: 500!important;} .searchlist-pro-info,.searchlist-pro-img{display: inline-block; color: #3c3c3c !important; font-size: 16px !important;} .noti-empty-body{margin: 60% auto; display: table; text-align: center;} .noti-empty-body img{margin: 0 auto; display: block;} .noti-empty-body p{padding-top:7px;} button:focus{outline:none!important; box-shadow: none!important;} .drop-noti-content{top: 40px!important; left: -265px!important; min-width: 350px !important; padding: 10px!important; overflow: hidden; z-index: 99999!important; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 18px #ddddddd8; border-radius: 6px!important; border: none!important;} .noti-body{max-height: 727px; overflow-y: auto; overflow-x: hidden;} .noti-body::-webkit-scrollbar{width: 4px !important; scroll-behavior: smooth;} .noti-body::-webkit-scrollbar-thumb{background-color: #D5D5D5; border-radius: 0px; height: 5px;} .drop-noti-content::-webkit-scrollbar{width: 3px; padding-left: 2px;} .drop-noti-content::-webkit-scrollbar-track{display: none;} .drop-noti-content::-webkit-scrollbar-thumb{background: #B7B7B7; width: 3px;} .drop-noti-content::-webkit-scrollbar-thumb:hover{background: #888;} .side-list::-webkit-scrollbar{width: 5px; padding-left: 2px; border-radius: 8px;} .side-list::-webkit-scrollbar-track{display: none;} .side-list::-webkit-scrollbar-thumb{background: #E6CFD3; width: 5px; border-radius: 8px;} .side-list::-webkit-scrollbar-thumb:hover{background: #E6CFD3;} .custom-scrollbar::-webkit-scrollbar{width: 0px!important; padding-left: 2px;} .custom-scrollbar::-webkit-scrollbar-track{display: none;} .custom-scrollbar::-webkit-scrollbar-thumb{width: 0px!important;} .custom-scrollbar::-webkit-scrollbar-thumb:hover{} .noti-head{color: #858585; font-size: 16px!important; font-weight: 300!important;} .first-row{display: inline-flex;} .first-row img{width:25px; height:25px;} .first-row p{color: #858585; font-size: 14px; font-weight: 300!important; padding-left:10px; margin-top: 3px;} .drop-noti-content hr{margin:0px; border-bottom: 1px solid #d5d5d5 !important;} .close:hover{background-color: #ffffff17; border-radius: 5px;} .pr-name-sec{padding: 10px 0px; height: 48px;} .first-box{display: inline-flex;} .dark-text{color: #3C3C3C!important; font-size: 14px !important; font-weight: 500!important; margin-bottom: 0px;} .drop-edit-delete{padding: 3px 0px!important; border-radius: 0px!important;} .dropdown-menu.side-list-dropdown{border-radius: 0px!important;} .fade-text{font-size: 14px !important; color: #858585; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; width: 255px; margin-bottom: 5px;} .notify-info{font-size: 11px !important; color: #858585; font-weight: 400px !important;} .no-padding{padding-left:0px!important;} .user-img{width:28px; height:28px;} .user-list-row{margin-top:10px; margin-bottom: 10px;} .user-list-row .default-profile{height: 28px !important; width: 28px !important; border-radius: 6px !important;} input[type="checkbox"]:checked, input[type="checkbox"]:not(:checked){position: absolute; left: -9999px; border: none; display: none;} input[type="checkbox"]:checked+label, input[type="checkbox"]:not(:checked)+label{position: relative; padding-left: 20px; cursor: pointer; line-height: 20px; display: inline-block;} input[type="checkbox"]:checked+label:before, input[type="checkbox"]:not(:checked)+label:before{content: ''; position: absolute; left: -2px; top: 1px; background: #FFFFFF; width: 17px; height: 17px; position: absolute; border: 1px solid #ddd; border-radius: 4px;} input[type="checkbox"]:checked+label:after, input[type="checkbox"]:not(:checked)+label:after, input[type="checkbox"]:not(:checked):hover+label:before{content: url(/att_website_project/static/src/css/../images/tick.png); font-size: 14px; position: absolute; top: 1px; left: -2px; color: #99a1a7; border: 1px solid #01BDF4; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); color: #01BDF4; width: 17px; height: 17px; border-radius: 4px;} .image-gallery{width: 90px;} .attachment-thumb{width: 60px; height: 60px; border-radius: 13px; border: 1px solid #D5D5D5;} .log-attachment-thumb{width: 45px; height: 45px; border-radius: 13px; border: 1px solid #D5D5D5; border-radius: 10px;} .gallery-list li{display: inline-block; width: 85px; position: relative;} .log-gallery-list li{display: inline-block; width: 55px; position: relative;} .check-list input[type="checkbox"]:checked, .check-list input[type="checkbox"]:not(:checked){position: absolute; left: -9999px; border: none;} .check-list input[type="checkbox"]:checked+label, .check-list input[type="checkbox"]:not(:checked)+label{position: relative; padding-left: 20px; cursor: pointer; line-height: 20px; display: inline-block;} .check-list input[type="checkbox"]:checked+label{color:#3C3C3C;} .check-list input[type="checkbox"]:not(:checked)+label{color:#858585;} .check-list input[type="checkbox"]:checked+label:before, .check-list input[type="checkbox"]:not(:checked)+label:before{content: ''; position: absolute; left: -2px; top: 1px; background: transparent; width: 17px; height: 17px; position: absolute; border: none;} .check-list input[type="checkbox"]:checked+label:after, .check-list input[type="checkbox"]:not(:checked)+label:after{content: url(/att_website_project/static/src/css/../images/black-ckeck-tick.svg); font-size: 14px; position: absolute; top: 1px; left: -2px; color: #99a1a7; border: none; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); width: 17px; height: 17px; border-radius: 4px;} .keep-log-check input[type="checkbox"]:checked, .keep-log-check input[type="checkbox"]:not(:checked){position: absolute; left: -9999px; border: none;} .keep-log-check input[type="checkbox"]:checked+label, .keep-log-check input[type="checkbox"]:not(:checked)+label{position: relative; padding-left: 20px; cursor: pointer; line-height: 20px; display: inline-block;} .keep-log-check input[type="checkbox"]:checked+label:before, .keep-log-check input[type="checkbox"]:not(:checked)+label:before{content: ''; position: absolute; left: 2px; top: 1px; background: transparent; width: 17px; height: 17px; position: absolute; border: 1px solid #858585; border-radius: 6px;} .keep-log-check input[type="checkbox"]:checked+label:after, .keep-log-check input[type="checkbox"]:not(:checked)+label:after{content: url(/att_website_project/static/src/css/../images/black-ckeck-tick.svg); font-size: 14px; position: absolute; top: 1px; left: 1px; color: #99a1a7; border: none; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); width: 17px; height: 17px; border-radius: 4px;} .keep-log-check input[type="checkbox"]:checked + .label-for-checked{color:#3C3C3C; font-weight: 400;} .fade-row input[type="checkbox"]:checked+label:before, .fade-row input[type="checkbox"]:not(:checked)+label:before{content: url(/att_website_project/static/src/css/../images/tick_grey.png); position: absolute; left: -2px; top: 1px; background: #FFFFFF; width: 17px; height: 17px; position: absolute; border: 1px solid #ddd; border-radius: 4px;} .fade-row input[type="checkbox"]:checked+label:after, .fade-row input[type="checkbox"]:not(:checked)+label:after, .fade-row input[type="checkbox"]:not(:checked):hover+label:before{content: url(/att_website_project/static/src/css/../images/tick_grey.png); font-size: 14px; position: absolute; top: 1px; left: -2px; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); width: 17px; height: 17px; border-radius: 4px; border: 1px solid #ddd;} input[type="checkbox"]:not(:checked)+label:after{opacity: 0; -webkit-transform: scale(0); transform: scale(0);} input[type="checkbox"]:checked+label:before{border: none;} input[type="checkbox"]:checked+label:after{opacity: 1; -webkit-transform: scale(1); transform: scale(1);} input.largerCheckboxfl{width:17px; height:17px;} .check-data span{margin-left: 22px;} .bx-viewport{height: auto!important;} .custom-select{position: relative; font-family: Arial;} .custom-select select{display: none;} .select-selected{background-color: transparent;} .select-selected:after{position: absolute; content: ""; top: 18px; right: 17px; width: 0; height: 0; border: 5px solid #858585; border-color: #858585 transparent transparent transparent;} .custom-select{border-radius: 8px!important; height: 44px!important;} #dropdownPrIn{height: 44px!important;} .select-selected.select-arrow-active:after{border-color: transparent transparent #858585 transparent; top: 7px;} .select-items div,.select-selected{border-color: transparent transparent #858585 transparent; cursor: pointer; color:#3C3C3C; font-size: 16px; font-weight: 300; font-family: 'Helvetica'!important; padding-top: 2px;} .font-reg .select-selected{color:#858585;} .pr-btn-text{font-size: 16px!important; height: 44px!important; border: 1px solid #d5d5d5 !important; color: #3c3c3c;} .select-items div{padding: .75rem 1.5rem;} .select-items{position: absolute; background-color: #fff; top: 39px; left: 0; right: 0; z-index: 99; color: #3C3C3C; font-size: 15px; border-radius: 8px; box-shadow: 0 0 15px 1px rgb(90 80 105 / 20%);} .select-hide{display: none;} .select-items div:hover, .same-as-selected{background-color: #f8f9fa;} .table{margin-bottom: 0px!important;} .CalenderBox{position: relative;} .CalenderBox svg{width: 13px; position: absolute; right: 15px; top: 13px; color:#858585!important;} .datepicker-days table tfoot tr .today,.datepicker-days table tfoot tr .clear{width: 125px !important; background-color: #fff; height: 38px !important; display: flex !important; justify-content: center; align-items: center; border-radius: 8px; font-size: 15px; transition: background-color 0.6s ease-out;} .datepicker-days table tfoot tr .today{border: 1px solid #01BDF4; color: #01BDF4 !important;} .datepicker-days table tfoot{display: contents;} .datepicker-days .table-condensed tfoot tr:first-child{position: absolute;} .datepicker-days .table-condensed tfoot tr:last-child{position: absolute; right: 15px;} .datepicker-days table tfoot tr .today:hover{background-color: #01BDF4; color: #fff !important;} .datepicker-days table tfoot tr .clear{border: 1px solid #d5d5d5; color: #3c3c3c !important; right: 0;} .datepicker-days table tfoot tr .clear:hover{background-color: #d5d5d5;} .pr-search-div input::placeholder{color: #858585; font-size:14px; font-weight: 300!important;} .pr-search-div input:-ms-input-placeholder{color: #858585; font-size:14px; font-weight: 400;} .pr-search-div input::-ms-input-placeholder{color: #858585; font-size:14px; font-weight: 400;} .input-date{background-color: #fff !important; border: 1px solid #D5D5D5 !important; height: 44px !important;} .input-date:focus{border: 1px solid #D5D5D5 !important;} .datepicker{width: 303px !important; padding: 10px !important; background: #FFFFFF 0% 0% no-repeat padding-box !important; box-shadow: 0px 4px 30px #BDE1EB !important; opacity: 1; height: 405px !important;} .datepicker table tbody tr td .day{background: #FFFFFF !important; border: 0.5px solid #A2CCD8 !important; border-radius: 10px !important;} .datepicker thead th.datepicker-switch{color: #3C3C3C !important; font-size: 16px;} .datepicker thead th.prev,.datepicker thead th.datepicker-switch,.datepicker thead th.next{color: #858585 !important; background-color: #fff !important;} th.dow{background-color: #fff !important;} .datepicker table tr td.today,.datepicker table tr td span.active.active{color: #3C3C3C !important; background-color: #BDE1EB !important; border-color: #A2CCD8 !important; border-radius: 10px !important;} .datepicker table tr td span.focused,.datepicker table tr td.active.active:hover,.datepicker table tr td.active.active{color: #fff!important; background-color: #01BDF4 !important; border-color: #01BDF4 !important; border-radius: 10px !important;} .datepicker-days table{border-collapse: separate !important; border-spacing: 7px 7px !important;} .datepicker table tr td.old,.datepicker table tr td.new{border: none !important;} .datepicker-days table tbody tr td{background: #FFFFFF !important; border: 0.5px solid #A2CCD8 !important; border-radius: 10px !important; padding: 5px !important;} .datepicker table tr td.day:hover{border-radius: 10px;} .datepicker-days table thead tr:nth-child(3) th{font-size: 13px; color: #858585;} .datepicker table tr td span:hover, .datepicker table tr td span.focused{background-color: #01BDF4 !important; border-color: #01BDF4 !important; border-radius: 15px !important; color: #fff !important;} .datepicker-dropdown.datepicker-orient-left:after{left: unset !important; right: -28px !important;} .datepicker-dropdown.datepicker-orient-bottom:after{top: 50% !important;} .datepicker-dropdown:after{border-left: 12px solid transparent !important; border-right: 12px solid transparent !important; border-bottom: 12px solid #fff !important; transform: rotate(90deg); width: 28px; height: 32px;} .datepicker-dropdown:before{display: none !important;} .date-holder input::placeholder{color: #858585; font-size:16px; font-weight: 300!important;} .date-holder input:-ms-input-placeholder{color: #858585; font-size:16px; font-weight: 400;} .date-holder input::-ms-input-placeholder{color: #858585; font-size:16px; font-weight: 400;} .search-outer input::placeholder{color: #858585; font-size:16px; font-weight: 300!important;} .search-outer input:-ms-input-placeholder{color: #858585; font-size:16px; font-weight: 400;} .search-outer input::-ms-input-placeholder{color: #858585; font-size:16px; font-weight: 400;} .input_outer input::placeholder{color: #858585; font-size:16px; font-weight: 300!important;} .input_outer input:-ms-input-placeholder{color: #858585; font-size:16px; font-weight: 400;} .input_outer input::-ms-input-placeholder{color: #858585; font-size:16px; font-weight: 400;} .welcom-search-outer input::placeholder{color: #858585; font-size:16px; font-weight: 300!important;} .welcom-search-outer input:-ms-input-placeholder{color: #858585; font-size:16px; font-weight: 400;} .welcom-search-outer input::-ms-input-placeholder{color: #858585; font-size:16px; font-weight: 400;} .font-reg::placeholder{color: #858585; font-size:16px; font-weight: 300!important;} .font-reg:-ms-input-placeholder{color: #858585; font-size:16px; font-weight: 400;} .font-reg::-ms-input-placeholder{color: #858585; font-size:16px; font-weight: 400;} .assignee-drop-list input::placeholder{color: #858585; font-size:16px; font-weight: 300!important;} .assignee-drop-list input:-ms-input-placeholder{color: #858585; font-size:16px; font-weight: 400;} .assignee-drop-list input::-ms-input-placeholder{color: #858585; font-size:16px; font-weight: 400;} textarea::placeholder{color: #858585; font-size:16px; font-weight: 300!important; padding-top: 2px !important;} textarea:-ms-input-placeholder{color: #858585; font-size:16px; font-weight: 400;} textarea::-ms-input-placeholder{color: #858585; font-size:16px; font-weight: 400;} .comment-box .edit_tic_comment::placeholder{line-height: 22px !important;} .view_tc_comment{box-shadow: none !important;} ::placeholder{color: #858585; font-size:16px; font-weight: 300; opacity: 1;} .placeholder-grey{color: #858585 !important; font-size:16px !important; transition: none !important;} .selectize-input #placeholder{font-weight: 300 !important;} :-ms-input-placeholder{color: #858585; font-size:16px; font-weight: 400;} ::-ms-input-placeholder{color: #858585; font-size:16px; font-weight: 400;} .view-logs-row{padding-left: 0px!important; padding-bottom: 15px;} .view-logs-pop-screen{margin:0px; padding: 0px 10px;} .first-block{display: inline-flex; padding-top: 15px; position: relative; width: 100%;} .double-pointer{position: absolute; right: 0; top: 25px;} .left-padding .double-pointer{right: 25px !important;} .first-block p{position: absolute; width: 100%; left: 47px; text-align: left;} .first-block .ass-name{top: 15px; color: #3C3C3C; font-size: 16px; font-weight: 500!important;} .first-block .ass-log{top: 37px; color:#858585; font-size: 14px;} .ass-log span{top: 37px; color: #858585; font-size: 14px;s} .second-block{padding-top: 16px;} .second-block p, .second-block li{font-size: 15px; color: #858585; text-align: left; margin-bottom: 0px!important; font-weight: 500 !important;} .second-block ol{padding-left: 15px;} .second-block ol li{list-style: decimal;} .dark{color: #3C3C3C!important; font-weight: 500!important; font-size: 15px;} .modal-top-left, .modal-top-right{border-bottom:1px solid #ddd; padding-bottom: 8px!important;} #viewLogPop .modal-body{padding-top:0px!important;} .viewlog-title{width: 370px;} .view-logs-list{margin-top: -15px; padding-top: 0 !important; min-height: 100px; max-height: 500px; overflow: hidden auto;} .view-logs-list::-webkit-scrollbar{width: 4px; scroll-behavior: smooth;} .view-logs-list::-webkit-scrollbar-thumb{background-color: #D5D5D5; height: 5px;} .view-logs-list .first-block .log-profile-img{width: 40px !important; height: 40px !important; transform: scale(1.1);} .left-padding{padding-left: 0px!important;} .comment-bottom-block{width:100%;} .gallery-text{color:#01BDF4;} .single-line{padding-top:24px!important;} .second-block span p{color: #3c3c3c;} .see-all-btn, .see-all-tc-comm-btn{color:#3C3C3C; font-size: 16px; font-weight: 300; border:1px solid #D5D5D5; border-radius: 8px; text-align: center; padding: 7px 15px; margin: 30px auto!important; display: block; background:transparent; transition: 0.6s;} button.see-all-btn:hover{color: #01bdf4; border-color: #01bdf4;} .comment-box{position: relative; width: 100%;} .comment-box .edit_edit_tic_comment{background-color: #f2f2f2; height: 44px; padding-right: 50px; resize: none; overflow: hidden; padding-right: 50px; line-height: unset !important; border: none; font-size: 16px; font-weight: 400;} .attach-icon{position: absolute; right: 65px; top: 9px;} .double-pointer-left{position: absolute; top: 15px !important; left: 8px;} .single-text-block .double-pointer-left{position: absolute; top: 15px; left: 8px;} #seeAllCmntsPop .second-block{position: relative;} #seeAllCmntsPop .second-block p{padding-left: 20px; color:#3C3C3C; white-space: pre-wrap; font-size: 16px; font-weight: lighter;} #seeAllCmntsPop .modal-body::-webkit-scrollbar{width: 4px !important; scroll-behavior: smooth;} #seeAllCmntsPop .modal-body::-webkit-scrollbar-thumb{background-color: #D5D5D5; border-radius: 0px; height: 5px;} .view-log-scroll{overflow-x: hidden; overflow-y: scroll;} .view-log-scroll::-webkit-scrollbar{width: 3px; padding-left: 2px;} .view-log-scroll::-webkit-scrollbar-track{display: none;} .view-log-scroll::-webkit-scrollbar-thumb{background: #B7B7B7; width: 3px;} .view-log-scroll::-webkit-scrollbar-thumb:hover{background: #888;} .gallery-close{top:10px!important; margin-top:-10px;} .column{padding: 10px;} #imageGalleryPopList .modal-header, #imageGalleryPopList .modal-footer, #imageGalleryPopList .container{padding: 0px!important;} .column img{opacity: 2; cursor: pointer; width: 54px; height: 55px; border-radius: 10px;} #TCimageGalleryPopList .actual-screen{display: none;} .column img:hover{opacity: 1;} .column img:active{border: 3px solid #fff; border-radius: 10px;} .active-img{border: 2px solid #3c3c3c;} .active-tc-img{border: 3px solid #3c3c3c; border-radius: 10px;} .row:after{content: ""; display: table; clear: both;} .container{position: relative;} #imgtext{position: absolute; bottom: 15px; left: 15px; color: white; font-size: 20px;} .imgText{background-color: #fff; color: #858585; font-size: 14px; padding: 15px 0 0;} .closebtn{position: absolute; top: 10px; right: 15px; color: white; font-size: 35px; cursor: pointer;} .gallery-link{color:#01BDF4!important; font-weight: 300;} .fade-row{background-color: #F4F4F4!important;} .fade-row td{color:#858585!important; border-top: 1px solid #D5D5D5!important; border-bottom: 1px solid #D5D5D5!important;} .fade-row td:first-child{border-left: 1px solid #D5D5D5!important;} .fade-row td:last-child{border-right: 1px solid #D5D5D5!important;} .archive-active td{color:#858585!important; border-top: 1px solid #D5D5D5!important; border-bottom: 1px solid #D5D5D5!important; background-color: #F4F4F4!important;} .archive-active td:first-child{border-left: 1px solid #D5D5D5!important;} .archive-active td:last-child{border-right: 1px solid #D5D5D5!important;} .archive-btns{background-color: #f4f4f4 !important; border-color: #d5d5d5 !important; color: #858585 !important;} #createProjectPop .modal-content,#editProjectPop .modal-content{padding-left: 25px; padding-right: 25px;} #createProjectPop .modal-content .modal-header,#editProjectPop .modal-content .modal-header{border-bottom: 1px solid #d5d5d5;} #createProjectPop .modal-top,#editProjectPop .modal-top{display: block; padding-left: 0px;} #createProjectPop .modal-body,#editProjectPop .modal-body{padding: 30px 0px 0px;} #createProjectPop .assignee-section,#editProjectPop .assignee-section{padding-top:0px;} #createProjectPop .modal-footer,#editProjectPop .modal-footer{border-top:none !important; padding-right: 0px !important; padding-left: 0px !important; padding-top: 15px !important;} #createProjectPop .drop-wrapper,#editProjectPop .drop-wrapper{text-align: center;} #editProjectPop .modal-footer .create_new_project_btn{margin: 0px!important;} #editProjectPop .search-member-close{top: 113px !important;} #createProjectPop .drop-wrapper h4,#editProjectPop .drop-wrapper h4{font-size: 20px;} #createProjectPop .drop-wrapper .upload-sub-text,#editProjectPop .drop-wrapper .upload-sub-text{text-align: center; padding: 0px 60px;} #createProjectPop .panel-container .create-project-drop .dz-preview .dz-image{width: 100% !important; height: 88% !important;} #editProjectPop .panel-container .edit-project-drop .dz-preview .dz-image{width: 90% !important; height: 88% !important;} #createProjectPop .panel-container .create-project-drop .dz-preview .dz-image img, #editProjectPop .panel-container .edit-project-drop .dz-preview .dz-image img{height: 150px !important;} #createProjectPop .panel-container .create-project-drop .dz-preview, #editProjectPop .panel-container .edit-project-drop .dz-preview{margin: 10px !important; width: 100% !important;} #editProjectPop .modal-dialog .modal-content .modal-body .drop-wrapper .panel-container form{border: 1px solid #d5d5d5 !important; border-radius: 13px;} .edit-ticket-attachment{padding: 0px !important;} .text-blue{color:#01BDF4;} .text-gray{color:#858585;} #createProjectPop .panel-container,#editProjectPop .panel-container{width: 200px; margin: 0 auto;} #createProjectPop .text-drop,#editProjectPop .text-drop{font-size: 15px;} .create-project-drop{border: none!important; background: #fff!important; cursor: pointer;} #editProjectPop .modal-dialog{min-width: 75% !important;} #editProjectPop .editProject-img-pro{width: 40px !important; height: 40px !important; border-radius: 13px !important;} #editProjectPop .editProject-searchlist{padding-left: 0px !important; padding-right: 10px !important;} .addAssigneeToEditProject{width: 28px !important; height: auto !important; pa} .team-member-searchlist{display: none;} .search-member,.search-member-list{cursor: pointer;} .team-member-searchlist .search-member-close{position: absolute; margin-top: 15px; right: 20px!important; font-size: 18px; color: #858585; font-weight: 400; cursor: pointer; top: 150px;} .team-member-searchlist ul li p{padding-left: 10px !important; padding-top: 10px !important;} .team-member-searchlist ul{padding-left: 30px !important; position: relative;} .team-member-searchlist ul li p:nth-child(3){position: absolute; color: #01BDF4; font-size: 16px; right: 10px; cursor: pointer; font-weight: 500!important;} .team-member-searchlist ul li img{width: 40px; height: 40px; border-radius: 13px;} #createProjectPop .team-member-searchlist ul{padding-left: 0px !important; padding-right: 10px;} #editProjectPop .team-member-list{padding: 0px 12px;} .search-list{height: 290px; overflow-y: scroll; overflow-x: hidden;} .search-list::-webkit-scrollbar{width: 4px !important; scroll-behavior: smooth;} .search-list::-webkit-scrollbar-thumb{background-color: #858585; border-radius: 0px; height: 5px;} input#editProjaddusertoprojectSearch::placeholder{font-weight: 300;} input#editProjaddusertoprojectSearch::placeholder .empty-welcome-main{background-repeat: no-repeat; background-size: cover; background-position: bottom; max-height: 100%; position: relative;} .head-bottom-text{color:#3C3C3C; font-size: 18px; font-weight: 300;} .add-new-pro{color:#01BDF4; font-size:14px; font-weight:500!important; margin-top: -10px; cursor: pointer;} .empty-welcome-box{margin: 0 auto; display: table; text-align: center; width:100%;} .empty-welcome-box .welcome-head{color: #3C3C3C; font-size: 28px; font-weight: 500!important;} .empty-welcome-box hr{width:195px; border-top: 1px solid rgba(0,0,0,.1);} .empty-pro-icon{padding-top: 50px;} .empty-welcome-main-dashboard{max-height: 100%; position: relative; padding:50px;} .login_head2{color: #3C3C3C; font-size: 18px; font-weight: 500; margin-top:-5px;} .check-list{text-align: left; color: #3C3C3C; font-size: 15px; font-weight: 400; padding-bottom: 10px;} .check-list label{margin-top:15px;} .strength-text{font-size: 13px; color: #858585; text-align: right; margin-top: -17px;} hr.pass-status-bar{border-bottom: 2px solid #D5D5D5;} .new-pass-sec .login_box{top: 40%;} .change-pwd-pro-img{width: 56px; height: 56px; border-radius: 8px; background-color: white; border: 1px solid #D5D5D5;} .tb-img-drag:hover{content: url('/att_website_project/static/src/css/../images/tb-drag-black.svg')} .assignee-block-wrap{padding-top: 10px;} .archived-project-list{display: none;} .archived-project-list .list-pro-icon{transition:.5s ease-in-out; filter:grayscale(100%);} .no-archive-project{display: flex; justify-content: center; flex-direction: column; align-items: center; margin: auto; height: 100%} .no-archive-project img{width: 170px; height: 170px;} .no-archive-title-one{font-size: 28px; color: #3C3C3C; font-weight: 500 !important;} .no-archive-title-two{font-size: 18px; color: #3C3C3C; font-weight: 500 !important;} .template-outer{min-height: 100vh; background-color: #01BDF4; padding: 150px;} .template-inner{background-color: #fff;} .template-top-box{text-align: right !important; padding:75px;} .template-bottom-box{padding:20px;} #myModalCreate .modal-dialog .modal-content{padding: 1.25rem;} #myModalCreate .modal-dialog .modal-content .modal-header{padding: 0px 0px 1rem 0px; border-bottom: 1px solid #D5D5D5;} #myModalCreate .modal-dialog .modal-content .modal-body{padding: 1.25rem 0px 0px 0px;} .modal-body input{line-height: 8px;} #myModalCreate .modal-dialog .modal-content .create-modal .create-add-member-main-div .member-search-list .create-add-assignee img:first-child, .create-ticket-addedpro{height: 40px !important; width: 40px !important; transform: scale(1.1)} .member-pop-list #placeholder{height: 25px;} .searchlist-pro-img-wrap, .create-ticket-addedpro-wrap, .edit-comment-wrap, .viewModalProfileImg-wrap, .searchlist-pro-img-wrap, .log-profile-img-wrap{height: 40px; width: 40px; border-radius: 13px; overflow: hidden;} .log-profile-img-wrap{margin-top: 2px;} #myModalCreate .modal-body .custom-select{background-color: white !important; height: 44px !important; padding: 0px !important; border: 1px solid #D5D5D5; top: -4px !important;} #addtestcase .modal-body .custom-select{background-color: white !important; box-shadow: none !important; height: 44px !important; padding: 0px !important; border: 1px solid #D5D5D5; top: -4px !important;} .new-select{border: 0 solid #D5D5D5 !important;} #myModalCreate .modal-body .custom-select .selectize-dropdown-content{background-color: #fff; z-index: 1026; border: 1px solid #d5d5d5; max-height: 250px; min-height: 50px; overflow-y: scroll; box-shadow: 0px 3px 18px #D8E1E3;} #addtestcase .modal-body .custom-select .selectize-dropdown-content{background-color: #fff; z-index: 1026; border: 1px solid #d5d5d5; max-height: 250px; min-height: 50px; overflow-y: scroll; box-shadow: 0px 3px 18px #D8E1E3;} #addtestcase .comment-bottom-block{padding: 0 1rem !important;} #addtestcase textarea{font-weight: 400 !important;} #myModalCreate .modal-body .custom-select .selectize-dropdown-content::-webkit-scrollbar-thumb{background-color: #D5D5D5; border-radius: 0px; height: 5px;} #myModalCreate .modal-body .custom-select .selectize-dropdown-content::-webkit-scrollbar{width: 4px !important; scroll-behavior: smooth;} #myModalViewEdit .modal-body .custom-select .selectize-dropdown-content::-webkit-scrollbar-thumb{background-color: #D5D5D5; border-radius: 0px; height: 5px;} #myModalViewEdit .modal-body .custom-select .selectize-dropdown-content::-webkit-scrollbar{width: 4px !important; scroll-behavior: smooth;} .selectize-dropdown-content{font-size: 16px; border-radius: 8px;} .selectize-dropdown-content.active{border-radius: 0 !important;} .selectize-dropdown .option{padding: 7px 10px; cursor: pointer} .selectize-dropdown .create{height: 44px color: #3c3c3c !important; background-image: unset !important; border-radius: 0 !important; padding: 7px 10px;} .selectize-dropdown [data-selectable].active{background-color: #F4F4F4 !important; color: #3c3c3c !important; background-image:unset !important; border-radius: 0 !important; padding: 7px 10px;} selectize-dropdown-content{border-radius: 8px;} #myModalCreate .modal-body .new-ticket-right .custom-select{padding-left: 10px !important;} .comment-box .comment-send{cursor: pointer;} .panel-content .dropzone{padding: 0.5rem !important; min-height: 150px !important;} .panel-content .dropzone .dz-message{margin: 2em 0 !important;} .comment-attach, .comment-preview{height: auto; min-height: 0; max-height: 150px;} .comment-attach .dropzone, .comment-preview, .dropzone{padding: 0 !important; min-height: 0 !important;} .view-comment-drop{width: 93.5%; margin-right: auto; margin-top: -14px; border-top-left-radius: 0px; background-color: #f2f2f2 !important; border-top-right-radius: 0;} .comment-attach .dropzone .dz-message, .comment-preview, .dropzone .dz-message{margin: 0 !important;} .new-ticket-add-img{width: 28px !important; height: auto !important;} #myModalCreate .create-add-assignee{align-items: flex-end;} input:focus::placeholder{color: transparent;} textarea:focus::placeholder{color: transparent;} @media (min-width: 1295px){.table-top-main button{font-size: 15px;}} @media (min-width: 1024px){.bxslider li ul{padding: 0px 200px;}} @media(min-width:991px){.ticket-status{text-align: center;}.progress-st{width: 100%;}.progress-st li{width: 33.333333%; margin: 0;}} @media (min-width: 992px) and (max-width: 1199px){.d-inline-block span, .st-num{font-size: 30px;}.right-progress{padding: 20px 12px 0px; margin-left: 20px;}.search-outer{margin-left: 60px; width: 100%;}.top-cr-sm{margin-left: 60px;}#button{width:40px;}.table-top-main .search-outer input{font-size: 14px;}.page-sidebar{min-width: 14rem!important;}.top-ex-sm{position: absolute; right: 5px;}.top-fl-sm{position: absolute; right: 5px;}.top-cr-sm{position: absolute; right: 5px;}.bxslider ul li{width: 24%!important;}#expandedImg{width:775px!important;}#imageGalleryPopList .modal-dialog{max-width:775px!important;}} @media (min-width: 1400px){#myModalCreate .modal-dialog, #myModalView .modal-dialog, #myModalViewEdit .modal-dialog{max-width: 80rem !important; box-shadow: 0px 3px 18px #d8e1e3;}} @media (min-width: 1200px){#imageGalleryPopList .modal-dialog, #TCimageGalleryPopList .modal-dialog{max-width: 1024px!important;}.top-fl-sm, .top-cr-sm, .top-ex-sm{display: none;}} @media (max-width: 1199px){.carousel-inner{padding: 0px 85px;}} @media (max-width: 1199px){.export-outer .dropdown-menu{left: -150px !important;}} @media (min-width: 1025px){.mob-s{display: none;}} @media (max-width: 1024px){.web-s{display: none;}.user-side-fade{right: 0px !important;}.tableAssigneeli{display: inline-flex;}} @media (max-width: 1200px){.label-remove{display: none;}} @media (min-width: 768px) and (max-width: 1200px){.st-text .fa{position: absolute; right: 2px;}} @media (min-width: 769px) and (max-width: 1024px){.d-inline-block span, .st-num{text-align: left;}} @media (max-width: 992px){.hidden-md-down{display: block!important;}.main-body-head{padding: 15px;}.carousel-inner ul li{flex: 0 0 25%;}.carousel-inner{padding: 0 30px;}.page-inner{margin-left: 10px !important;}} @media (min-width: 767px) and (max-width: 992px){.bxslider ul li{width: 30%;}#imageGalleryPopList .modal-dialog{max-width: 595px!important;}.carousel-control-prev{left: -50px !important;}.carousel-control-next{right: -50px;}} @media (min-width: 768px){.logout-btn{}.side-sm-logout{position: absolute; bottom: 45px; left: 15px;}} @media (max-width: 767px){.welcom-search-outer input{width: 100%;}.carousel-inner ul li{flex: 0 0 33.333333%;}.carousel-control-next{right: -40px !important;}.carousel-control-prev{left: -40px !important;}.carousel-inner{padding: 0;}.welcom-search-outer img{position: absolute; right: 2%;}.welcome-box p{color: #3C3C3C; font-size: 24px;}.no-padding{padding-left: 10px!important;}.bxslider ul li{width: 48%;}.top-fl-lg{display: none;}.search-outer img{position: absolute; right: 7%!important;}.pd-minimum .search-outer img{position: absolute; right: 2%!important;}.table-top-main{padding-right: 30px;}.box-small{max-width: 70px!important;}.top-head span{display: none;}.right-box{position: absolute; top:50px; right: -27px;}.close{right: -22px!important;}.table-main{display: none;}.mr-top{margin-top:135px;}.welcome-box{padding-top: 0px!important; margin-top: 30px;}.search-outer input{width: 90%;}.home-right-icon{position: absolute; right: 15px!important;}.filter-outer .dropdown-menu{min-width: 16rem!important; position: absolute; left: -190px!important; top: 150px!important;}.close{right: -17px!important;}} @media (min-width: 768px){.user-mob-list{display: none!important;}.table-top-main ul{display: inline-flex;}.table-mob{display: none;}} @media (max-width:767px){html body{overflow-y: auto !important;}} @media (max-height:840px){.sidebar-last{position: unset;}} @media (max-height: 700px){.project-dropdown-list{max-height: 410px !important;}.fl-dropdown{height: 530px !important;}.fl-body{height: 480px;}.drop-noti-content{height: 590px;}} @media (max-height:665px){.split{height: 420px ;}} @media (max-height:840px){.drop-noti-content{height: 610px !important;}.noti-body{max-height: 555px;}} @media (min-width: 576px) and (max-width: 767px){#imageGalleryPopList .modal-dialog{max-width: 380px; margin: 1.75rem auto;}} @media (max-width: 580px){.table-top-main{padding-right: 5px;}.top-fl-sm, .top-cr-sm, .top-ex-sm{width: 40px!important;}.top-fl-sm img, .top-ex-sm img{left: 5px!important;}.edit-outer img{left: 4px;}} @media (min-width: 576px){#viewLogPop .modal-dialog, #myModeViewlogs .modal-dialog{max-width: 540px;}#imageGalleryPopList .modal-dialog{margin: 2rem auto;}#myModalCreate .modal-dialog, #myModalView .modal-dialog,#myModalViewEdit .modal-dialog{max-width: 80% !important; box-shadow: 0px 3px 18px #D8E1E3;}#createProjectPop .modal-dialog{max-width: 75%;}#editProjectPop .modal-dialog{max-width: 75%;}} @media (max-width: 575px){#imageGalleryPopList .modal-dialog{max-width: 285px; margin: 1.75rem auto;}#myModalCreate .modal-dialog, #myModalView .modal-dialog{width: 80%; margin: 15px auto;}.export-outer .dropdown-menu{left: -165px !important;}.drop-noti-content p{}.display-hide{display: block;}.carousel-inner ul li{flex: 0 0 50%;}.carousel-inner{overflow: scroll !important;}.small-modal .modal-dialog{margin: auto;}} @media (max-width: 499px){.project-dropdown{left: -35px !important; width: 10rem;}} @media (max-width: 440px){.top-fl-sm, .top-cr-sm, .top-ex-sm{width: 25px!important;}.top-fl-sm img, .top-ex-sm img{left: 2px!important;}.box-small{margin-left: -3px;}.view-member-dropdown{left: 33px !important; width: 18rem !important;}.table-top-main .search-outer input{width: 95%;}.search-outer img{right: 6%!important;}.drop-noti-content{left: -180px!important; min-width: 15rem!important;}.table-top-main button{border:none!important;}.export-outer .dropdown-menu{left: -170px!important;}.table-top-main button{padding-left: 0px!important;}.pd-minimum .search-outer img{right: 5%!important;}.top-member-list li img{width:36px; height: 36px;}.page-content-wrapper{padding-left: 12px!important;}.user-mob-list img{width: 65px;}.user-mob-list p{font-size: 12px!important;}} #myModalView .modal-dialog .modal-content .ticket-content .modal-footer .comment-bottom-block .assignee-block img, .new-ticket-profile, .tc-comment-img{width: 40px !important; height: 40px !important; border-radius: 13px !important; transform: scale(1.1); margin-right: 5px;} #myModalView .modal-dialog .modal-content .ticket-content .modal-body #editTicketAssigneeList .assignee-block .viewModalProfileImg, #myModalViewEdit .viewModalProfileImg{width: 40px !important; height: 40px !important; border-radius: 13px !important; transform: scale(1.1);} #myModalViewEdit .edit-comment-wrap img{width: 40px !important; height: 40px !important; transform: scale(1.1);} .edit-comment-drop.dropzone-previews.dropzone, .create-comment-drop.dropzone-previews.dropzone, .view-comment-drop.dropzone-previews.dropzone, .create-tc-comment-drop.dropzone-previews.dropzone{min-height: 0 !important; width: 100%; margin-right: 62px; margin-top: -31px; border-top-right-radius: 0; border-top-left-radius: 0; background-color: #f2f2f2 !important;} #editTic_ticket_name, #ticket_name{font-weight: 400 !important;} #TableEdit .model-middle input::placeholder, #table-edit-model .model-middle input::placeholder, .table-form input::placeholder{font-weight: 400 !important;} #TableEdit .model-middle input #placeholder, #table-edit-model .model-middle input #placeholder, .table-form input #placeholder{font-weight: 400 !important;} #TableEdit textarea:disabled, #TableEdit input:disabled, #table-edit-model input:disabled, #table-edit-model textarea:disabled{-webkit-text-fill-color: #3c3c3c; font-weight: 400 !important; -webkit-opacity: 1; opacity: 1;} .comment-name{font-size: 16px; color: #3c3c3c; font-weight: 400 !important;} .comment-log{font-size: 14px; color: #858585;} #imageGalleryPopList .modal-content{-webkit-box-shadow: unset !important; box-shadow: unset !important; background-color: #fff !important;} .sidebar-footer{display: flex; bottom: 0; margin-bottom: 5px;} .slimScrollDiv{position: relative; overflow: hidden; width: auto; flex-grow: 1; margin-bottom: 20px;} @media only screen and (max-width: 992px){.mobile-nav-on:not(.nav-mobile-push) .page-sidebar{-webkit-transform: translate3d(0,0,0)!important; transform: translate3d(0,0,0)!important; background-color: #faf8fb!important;}.press-scale-down{position: absolute!important; top: 50px; left: 30px; z-index: 99;}.pr-name{margin-left: 40px;}.pr-name-o{margin-left: 45px;}} @media only screen and (max-width: 992px){.mobile-nav-on .page-sidebar{border-right: 1px solid rgba(0,0,0,.03); -webkit-box-shadow: 0 3px 35px 3px rgba(0,0,0,.52); box-shadow: 0 3px 35px 3px rgba(0,0,0,.52);}} @media only screen and (max-width: 992px){.page-wrapper .page-sidebar{z-index: 2000; -webkit-transition: all 470ms cubic-bezier(.34,1.25,.3,1); transition: all 470ms cubic-bezier(.34,1.25,.3,1); -webkit-transform: translate3d(-16.875rem,0,0); transform: translate3d(-16.875rem,0,0); position: fixed!important; top: 0; bottom: 0;}} @media (max-height: 767px){.sidebar-last{position: unset;}} .bx-wrapper .bx-prev{left: 10px; background: url(/att_website_project/static/src/css/../images/bx-left.png) no-repeat!important;} .bx-wrapper .bx-next{right: 10px; background: url(/att_website_project/static/src/css/../images/bx-right.png) no-repeat!important;} .validation_error{color: #CE1400} #modul-div{text-align: left; position: relative; color: #CE1400} #titl-div{text-align: left; position: relative; color: #CE1400} #modul-quick-div{text-align: left; position: relative; color: #CE1400} #titl-quick-div{text-align: left; position: relative; color: #CE1400} .carousel-control-prev .carousel-control-prev-icon{left: 10px; background: url(/att_website_project/static/src/css/../images/bx-left.png) no-repeat!important;} .carousel-control-next .carousel-control-next-icon{right: 10px; background: url(/att_website_project/static/src/css/../images/bx-right.png) no-repeat!important;} .carousel-control-next-icon, .carousel-control-prev-icon{width: 30px!important; height: 40px!important;} .keep-log-check input[type="checkbox"]:checked + .label-for-checked{color: #3C3C3C; font-weight: 400;} .side-list::-webkit-scrollbar{width: 5px; padding-left: 2px; border-radius: 8px;} .side-list::-webkit-scrollbar-track{display: none;} .side-list::-webkit-scrollbar-thumb{background: #E6CFD3; width: 5px; border-radius: 8px;} .side-list::-webkit-scrollbar-thumb:hover{background: #E6CFD3;} .custom-scrollbar::-webkit-scrollbar{width: 5px; padding-left: 2px; border-radius: 8px;} .custom-scrollbar::-webkit-scrollbar-track{display: none;} .custom-scrollbar::-webkit-scrollbar-thumb{background: #858585!important; width: 5px; border-radius: 8px;} .custom-scrollbar::-webkit-scrollbar-thumb:hover{background: #858585!important;} #EditProjectModal .modal-dialog{max-width: 1000px!important;} .editproject-img-close{position: absolute; left: 24px;} .dropzone{border: none !important; border-radius: none !important; background: #F4F4F4!important;} .panel .panel-container{background-color: #F4F4F4 !important;} .dropzone .dz-preview.dz-error:hover .dz-error-message{left: 12px !important; top: 95px} .dropzone .dz-preview .dz-error-message{background: linear-gradient(#e08a8a, #e08a8a) !important;} .project-drop-icon{width: 50px; height: 50px;} .team-member-searchlist{display: block; height: 268px; display: none;} .search-list{overflow-y: scroll; overflow-x: hidden;} .search-list::-webkit-scrollbar{width: 4px !important; scroll-behavior: smooth;} .search-list::-webkit-scrollbar-thumb{background-color: #858585; border-radius: 0px; height: 5px;} .search-list ul li{padding-bottom: 5px;} .teamMemberAdd{color: #01BDF4;} .EditTicTeamMemberAdd,.EditTicTeamMemberAddPencil{color: #01BDF4;} .text-collapse{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 0px; white-space: normal;} .company_logo_img{max-width: 51px !important; height: auto !important;} #createprojteammembers .assignee-block .newproject-img-close{position: absolute; left: 26px; width: 15px; top: 11px;} .newproject-added-img{width: 40px !important; height: 40px !important; border-radius: 13px !important; margin-top: -1px !important;} .wrong-page-main{display: flex; justify-content: center; align-items: center; background-image: url('/att_website_project/static/src/css/../images/home_banner.png'); background-repeat: no-repeat; background-size: cover; background-position: bottom; max-height: 100%; position: relative; padding: 40px 20px; min-height: 100vh;} .wrong-page-sub{text-align: center; margin: auto; width: 100%;} .wrong-title{color: #3c3c3c;} .wrong-titlesub{color: #3c3c3c; font-size: 18px;} .wrong-divider{width: 200px; margin: auto; color: #d5d5d5;} .goto-home{text-decoration: none; color: #01bdf4; font-size: 14px; font-weight: 400 !important; cursor: pointer;} @keyframes Transition{from{opacity: 0; transform: rotateX(-10deg);}to{opacity: 1; transform: rotateX(0);}} .login-main, .welcome-main{animation: Transition 0.80s;} .sample-class{display: none;} .popover_wrapper{position: relative; transition: 0.7s;} .popover_title{font-size: 15px; color: #3c3c3c; font-weight: 300; margin-bottom: 0; line-height: 20px;} .popover_content{opacity: 0; animation: fade-out .3s; display: none; position: absolute; top: -13px; background-color: #fff; padding: 9px 13px; box-shadow: 0px 3px 10px #85858550; z-index: 1003; border-radius: 10px; font-size: 15px; color: #3c3c3c;} .popover_wrapper:hover .popover_content{opacity: 1; display: block; animation: fade-in .3s;} .popover_message{text-align: left; margin-bottom: 0px;} .popover_content:before{content: ""; position: absolute; z-index: -1; -webkit-transform: rotate(225deg); transform: rotate(225deg); overflow: hidden; display: block; background-color: inherit; box-shadow: 2px -3px 4px #85858526; border-radius: 2px;} @keyframes fade-in{0%{-webkit-transform: scale(0.8); transform: scale(0.8);}100%{-webkit-transform: scale(1); transform: scale(1);}} @keyframes fade-out{0%{-webkit-transform: scale(1); transform: scale(1);}100%{-webkit-transform: scale(0.5); transform: scale(0.5);}} .pop-ticket-title{left: 14.063rem; width: 275px;} .pop-ticket-title:before{left: -7px; top: 34px; width: 17px; height: 17px;} .more-assignees label{font-size: 13px; color: #01BDF4; font-weight: 400; cursor: pointer; margin-bottom: 0;} .pop-assignee-more::before{top: 30px; width: 1.313rem; height: 1.313rem; right: -7px; box-shadow: -5px 2px 3px #85858526;} .pop-assignee-more{width: 14.688rem; max-height: 8.75rem; overflow: hidden auto; right: 135px; top: -2.813rem;} .assignee-more-list{display: flex; flex-direction: column; row-gap: 5px;} .assignee-more-list li{display: flex; align-items: center; column-gap: 10px; row-gap: 10px;} .assignee-more-list li img{width: 26px; height: 26px; border-radius: 13px;} .assignee-more-list li label{font-size: 16px; color: #3c3c3c; margin-bottom: 0; margin-top: 3px;} .pop-sidebar-title{width: 13.75rem;} .pop-sidebar-title .popover_message{padding-left: 0; margin-bottom: 0;} .pop-sidebar-title:before{left: -7px; top: 34px; width: 17px; height: 17px;} .pop-testcase-title{left: 12.5rem; width: 17.188rem;} .pop-testcase-title:before{left: -7px; top: 34px; width: 17px; height: 17px;} .more-steps label{font-size: 13px; color: #01BDF4; font-weight: 300; cursor: pointer; margin-bottom: 0;} .full-steps-content{font-size: 13px; color: #01BDF4; font-weight: 400; cursor: pointer; margin-bottom: 7px;} .pop-teststeps{width: 18.188rem; top: -3.813rem; left: 160px;} .pop-teststeps::before{left: -8px; top: 30px; width: 1.313rem; height: 1.313rem;} .popover__content.pop-teststeps ul{max-height: 12.5rem; overflow-y: auto;} .popover__content.pop-teststeps ul li{margin-bottom: 5px;} .pop-result-title{right: 12.5rem; width: 17.188rem;} .pop-result-title:before{right: -7px; top: 34px; width: 17px; height: 17px; box-shadow: -5px 2px 3px #85858526;} .result-title{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .action-truncate{width: 1px !important; min-width: 100%; display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top;} .tippy-box{background-color: #fff !important; color: #3c3c3c !important; font-size: 15px !important; border-radius: 10px !important; padding: 9px 13px !important; box-shadow: 0px 3px 10px #85858550 !important; max-width: 20rem !important; display: flex; align-items: center; min-width: 13rem;} .tippy-arrow{width: 17px !important; height: 17px !important; background-color: #fff !important; color: #fff;} .tippy-content{padding: 0 !important;} [data-tippy-root]{max-width: 20rem !important;} .invite-guest .row{row-gap: 10px;} .invite-label{font-size: 1.125rem; color: #3C3C3C;} .back-img:hover{content: url('/att_website_project/static/src/css/../images/back-hover.svg'); cursor: pointer;} .guest-input{width: 100%; height: 2.75rem; font-size: 1rem !important; color: #3c3c3c; font-weight: 400 !important; border-radius: 8px; border: 1px solid #d5d5d5; padding: 10px;} .guest-input::placeholder{font-weight: 300 !important;} .guest-cancel{background: #FFF; padding: 7px; border: 1px solid #D5D5D5; border-radius: 8px; height: 2.75rem; font-size: 1rem; color: #858585; padding: 5px;} .guest-cancel:hover{background-color: #858585; color: #fff; transition: all 0.7s;} .guest-add{background: #FFF; border: 1px solid #01BDF4; border-radius: 8px; height: 2.75rem;; font-size: 1rem; color: #01BDF4; padding: 5px;} .guest-add:hover{background-color: #01BDF4; color: #fff; transition: all 0.7s;} .new-section-wrapper{display: flex; flex-direction: column; justify-content: center; align-items: center; margin-left: 3px;} .new-section-wrapper img{margin-left: 2px; margin-top: 0px;} .no-sec-added{color: #858585 !important; font-size: 14px !important; margin-top: 0 !important;} .new-section-label{color: #C98B87; font-size: 14px; margin-top: 0 !important; margin-bottom: 0;} .table-tab-wrapper .nav-tabs .nav-item .nav-link{border: none !important;} .table-tab-wrapper .nav-item{position: relative;} .table-tab-wrapper .nav-tabs .nav-item .nav-link:not(.active){font-size: 14px !important; color: #858585 !important;} .table-tab-wrapper .nav-tabs .nav-item.show .nav-link, .table-tab-wrapper .nav-tabs .nav-link.active{color: #3C3C3C !important;} .table-tab-wrapper .nav-tabs .nav-link.active:before{content: ""; position: absolute; left: -3px; top: 30px; z-index: 0; -webkit-transform: rotate(270deg); transform: rotate(225deg); overflow: hidden; display: block; background-color: #fff; width: 20px; height: 20px; border-radius: 6px; transition: 1s;} .table-tab-wrapper .nav-tabs .nav-link.active::after{content: ""; position: absolute; z-index: 0; right: -3px; top: 30px; -webkit-transform: rotate(270deg); transform: rotate(225deg); overflow: hidden; display: block; background-color: #fff; width: 20px; height: 20px; border-radius: 6px; transition: 1s;} .nav .nav-link:not([class^=btn-]):not([class*=" btn-"]){font-size: 14px !important;} .table-tab-wrapper.nav-tabs .nav-link.active{font-size: 14px !important;} .table-tab-main .table-tab-wrapper{background-color: #EDEDED; border-top-right-radius: 15px; border-top-left-radius: 15px; padding: 5px 5px 0;} .table-tab-wrapper .nav-tabs .nav-item.show .nav-link, .table-tab-wrapper .nav-tabs .nav-link.active{border-top-right-radius: 15px; border-top-left-radius: 15px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0;} .table-tab-wrapper .nav-tabs .nav-link:focus, .table-tab-wrapper .nav-tabs .nav-link:hover{border-color:#EDEDED !important;} .table-tab-wrapper .nav-tabs{border-bottom: #EDEDED !important;} .table-tab-wrapper .nav-tabs .nav-item .nav-link{display: flex; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top; width: 1px !important; min-width: 100%; padding: 7px 8px 5px;} .table-tab-wrapper .nav-tabs .nav-link.active:before{content: ""; position: absolute; left: -3px; top: 30px; z-index: 0; -webkit-transform: rotate(270deg); transform: rotate(225deg); overflow: hidden; display: block; background-color: #fff; width: 20px; height: 20px; border-radius: 6px; transition: 1s;} .table-tab-wrapper .nav-tabs .nav-link.active::after{content: ""; position: absolute; z-index: 0; right: -3px; top: 30px; -webkit-transform: rotate(270deg); transform: rotate(225deg); overflow: hidden; display: block; background-color: #fff; width: 20px; height: 20px; border-radius: 6px; transition: 1s;} .table-tab-wrapper .nav-item{position: relative;} .tab-close{margin-left: auto;} .project-part .table-tab-main{width:600px;} .view-ticket-done-btn{width: 100px !important; padding-left: 10px;} .view-ticket-done-btn img{margin-right: -4px;} .no-section-create{display: flex; justify-content: center; align-items: center; height: 100%; text-align: center;} .tab-content .tab-pane table tbody tr:hover .exp-greyimg{content: url(/att_website_project/static/src/css/../images/expand_blue.svg);} .tab-content .tab-pane table tbody tr:hover .tb-body-expand{background-color: #D9F6FF; transition: all 0.7s;} .tab-content .tab-pane table tbody tr:not(:hover) .tb-body-expand{transition: all 0.6s;} .table-expand{width: 20px;} .teamguest-wrap .nav-pills .nav-link.active, .nav-pills .show>.nav-link{color: #01bdf4 !important; background-color: #fff !important;} .team-count,.guest-count{color: #3C3C3C; font-size: 0.875rem;} .tab-content .active{background-color: #fff !important;} .teamguest-wrap .nav-pills .nav-link{font-size: 1rem; color: #3c3c3c; font-weight: 400 !important;} .teamguest-wrap .nav-pills .nav-link.active::before{content: ''; position: absolute; bottom: 5px; left: 50%; width: 4px; height: 4px; border-radius: 50%; background-color: #01BDF4;} .invite-link{color: #01BDF4; font-size: 0.875rem; padding: 0 0.813rem !important;} .invite-link:hover{background-color: #fff !important;} .empty-team,.empty-guest{display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; max-width: 23.125rem; margin: auto;} .empty-guest .start-title{font-size: 0.875rem !important; color: #3c3c3c !important; font-weight: 400 !important;} .start-body{font-size: 0.875rem !important; color: #858585 !important;} .hr-line{border-bottom: 1px solid #d5d5d5; width: 100%; padding-top: 7px;} .invite-guest .row{row-gap: 10px;} .invite-label{font-size: 1.125rem; color: #3C3C3C;} .back-img:hover{content: url('/att_website_project/static/src/css/../images/back-hover.svg'); cursor: pointer;} .guest-input{width: 100%; height: 2.75rem; font-size: 1rem !important; color: #3c3c3c; font-weight: 400 !important; border-radius: 8px; border: 1px solid #d5d5d5; padding: 10px;} .guest-input::placeholder{font-weight: 300 !important;} .guest-cancel{background: #FFF; padding: 7px; border: 1px solid #D5D5D5; border-radius: 8px; height: 2.75rem; font-size: 1rem; color: #858585; padding: 5px;} .guest-cancel:hover{background-color: #858585; color: #fff; transition: all 0.7s;} .guest-add{background: #FFF; border: 1px solid #01BDF4; border-radius: 8px; height: 2.75rem;; font-size: 1rem; color: #01BDF4; padding: 5px;} .guest-add:hover{background-color: #01BDF4; color: #fff; transition: all 0.7s;} .guest-list{display: flex; justify-content: space-between; align-items: center; padding: 0 0.813rem;} .guest-details{display: flex; justify-content: center; align-items: center;} .guest-name{font-size: 1rem; color: #3c3c3c;} .guest-email{font-size: 0.875rem; color: #858585; font-weight: 300;} .guest-droplist li:hover{background-color: #f4f4f4;} .guest-droplist li:hover .guest-list img{background-color: #f4f4f4;} .guest-list img{cursor: pointer;} .guest-edit:hover{content: url('/att_website_project/static/src/css/../images/edit_guest_hover.svg');} .joined-popup{position: absolute; left: 1.75rem; bottom: -10px; padding: 5px 10px !important; color: #3c3c3c !important; z-index: 9999; font-size: 0.938rem !important; border-radius: 8px; height: 2.5rem; background-color: #fff; box-shadow: 0px 3px 10px #85858550;} .joined-popup::before{content: ""; position: absolute; left: -5px; z-index: -1; -webkit-transform: rotate(270deg); transform: rotate(225deg); overflow: hidden; display: block; top: 10px; background-color: inherit; width: 1.313rem; height: 1.313rem; border-radius: 4px;} .joined-popup > .name{display: flex; align-items: center; justify-content: center; height: 1.875rem;} .joined-popup .name p{white-space: nowrap;} .joined-popup{display: none;} .tick-green:hover + .joined-popup,.tick-blue:hover + .joined-popup{display: block;} .guest-mail-template{height: 100vh; min-height: 100vh; overflow: auto;} .invite-template{background-color: #F0F4FA; max-width: 47.813rem; margin: auto;} .join-wrap{display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; row-gap: 0.938rem;} .welcome-title{font-size: 1.75rem; font-weight: 600; color: #3c3c3c;} .invite-text{font-size: 0.875rem; color: #3c3c3c;} .details-wrap{padding: 3rem 1.5rem 0; background: transparent linear-gradient(221deg, #FAFAFA 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;} .email-prname{font-weight: 600 !important;} .join-btn{padding: 5px; font-size: 1rem; background-color: #01BDF4; color: #fff; border-radius: 8px; border: none; width: 10rem; height: 2.75rem;} .exp-title{font-size: 1.25rem; color: #3c3c3c; font-weight: 600 !important;} .ebt-features{padding: 3rem 3.5rem 2rem;} .feature-list{padding: 2.188rem 3.125rem; background-color: #F0F4FA;} .feature-list .row{row-gap: 2rem;} .feature-list label{font-size: 0.875rem; color: #3C3C3C; width: 10.938rem;} .sm-label{width: 9.063rem !important;} .list-block{display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center;} .footer-title{font-size: 1.25rem; color: #060606;} .invite-footer{padding: 0 1.5rem;} .footer-content{padding: 0 3.5rem;} .footer-para{font-size: 0.875rem; color: #3c3c3c; font-weight: 400 !important;} .at-team{font-size: 0.813rem; color: #3C3C3C; font-weight: 400 !important;} @media (max-width:992px){.ebt-features{padding: 1rem;}.footer-content{padding: 0 1rem;}} @media (max-width:350px){.details-wrap{padding: 5px;}} #guest-editpop{overflow: auto;} #guest-editpop .modal-dialog{box-shadow: none !important;} #guest-editpop .modal-header{padding: 1.25rem 1.25rem 0;} #guest-editpop .modal-body{padding: 0.25rem 1.25rem 0;} #guest-editpop .modal-footer{padding: 0 1.25rem 0.7rem;} .hd-label{font-size: 0.875rem; color: #858585; font-weight: 400 !important;} .hr-bar{width: 30.313rem; border-bottom: 1px solid #d5d5d5;} .guest-select{background-color: #fff; border: none; font-size: 1.25rem; color: #3c3c3c; font-weight: 400 !important;} .guest-droplist{list-style: none; padding: 0; margin-bottom: 0px !important; max-height: 27.188rem; overflow: hidden auto;} .guest-droplist li{cursor: pointer; padding: 0.513rem 0;} .resent-btn{display: flex; align-items: center; justify-content: center; height: 44px; width: 177px; margin-left: auto; padding: 5px; font-size: 16px; color: #3c3c3c; background: #FFF; border: 1px solid #D5D5D5; border-radius: 8px;} .sented-btn{height: 2.75rem; padding: 5px; border: none; background-color: #fff; color: #858585; display: flex; align-items: center; justify-content: center; margin-left: auto; display: none;} .guest-select-drop{min-width: 18.813rem !important; padding: 0.813rem 0!important; box-shadow: 0px 3px 18px #D8E1E3; border: none !important;} .drop-title{font-size: 1rem; color: #3c3c3c; padding: 0 0.813rem;} .guest-form .row{row-gap: 0.938rem;} .dis-pending,.dis-joines{position: absolute; right: 1.875rem; top: 2.5rem; display: flex; cursor: pointer;} .dis-pending span,.dis-joines span{font-size: 0.875rem; color: #858585;} .sections-wrap,.testcases-wrap{background: #F4F4F4; border-radius: 8px; padding: 10px; height: 11.563rem;} .no-sections,.no-cases{display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%;} .no-sec-label,.edit-info{font-size: 0.875rem !important; color: #858585 !important;} .update-btn{color: #fff !important; width: 100%; text-align: center; background-color: #01BDF4 !important; font-size: 1rem !important; border-radius: 8px; height: 2.75rem !important; padding: 5px; transition: all 0.8s ease-out; border: none;} .remove-btn{display: flex; justify-content: center; align-items: center; color: #3c3c3c; font-size: 1rem; background: #FFF; border: 1px solid #D5D5D5; border-radius: 8px; height: 2.75rem !important; padding: 5px;} .list-sections,.list-testcase{list-style: none; padding: 0; margin: 0;} .list-wrap{max-height: 10.938rem; overflow: hidden auto;} .list-wrap ul li{margin-bottom: 11px; font-size: 0.938rem !important; color: #3c3c3c !important; display: flex; justify-content: space-between; align-items: center;} .list-wrap ul li label{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 0;} .list-wrap ul li img{cursor: pointer;} @media (min-width: 576px){#guest-editpop .modal-dialog{max-width: 33rem !important;}} .no-members-added{display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; margin: auto;} .no-members-img{width: 5.125rem !important; height: 5.125rem !important;} .no-members-added p{font-size: 0.813rem; color: #858585; width: 18.75rem;} .view-guest-btn{border: none; background: transparent;} .view-guest-dropdown{padding: 10px 0 !important; width: 24rem!important; box-shadow: 0px 3px 18px #d8e1e3!important; max-height: 360px;} .gst-top{display: flex; justify-content: space-between; align-items: center;} .empty-guest{height: 18.75rem;} .start-nobody{font-size: 13px !important; color: #858585 !important; width: 18.75rem;} .db-invitebtn{padding: 7px; width: 6.563rem; height: 2.125rem; background: #FFF; border: 1px solid #D5D5D5; border-radius: 8px; font-size: 0.875rem; font-weight: 300; transition: 0.6s;} .db-invitebtn:hover{border-color: #3C3C3C;} .invite-db-gst{display: none; padding: 0 0.938rem;} .guestdropclose{cursor: pointer;} .db-guestlist{display: none;} .db-guestlist ul{display: block; max-height: 20.188rem; overflow: hidden auto;} .title-expanded, .assignee-expanded{display: none;} 

/* /att_website_project/static/src/css/custom2.css defined in bundle 'web.assets_frontend' */
.page-content-wrapper{background-color: #F4F4F4 !important;} .modal-bg{box-shadow: 0px 3px 18px #D8E1E3; border: 1px solid transparent; border-radius: 4px;} .main-row{margin-right: 0px;} .left-page-col{padding-right: 0px;} .right-page-col{padding-left: 0px; padding-right: 0px;} .check-loginflow,.table-bottom,.table-head{display: block;} .addtestscenario-initial{display: none;} .empty-welcome-main-dashboard{display: block;} .table-top-section,.table-bottom,.table-head,.check-loginflow,.check-loginflow-blue{display: none;} #table-head{height: 0px;} .table-head{padding-left: 10px !important; padding-right: 10px !important;} .table-bottom{padding-left: 20px !important;} .table-bottom,.add-table{padding: 20px; cursor: pointer; background-color: #F4F4F4; color: #858585; font-size: 14px;} .add-content{margin: 8px; color: #01BDF4;} .check-btn{color: #01BDF4; padding: 0px; font-size: 15px; font-weight: 600;} .check-btn:hover{color: #01BDF4;} .add-row{margin: 0 5px !important;} .add-row-col{padding-left: 10px;} .table-head{background-color: #F4F4F4;} .side-tc-list:hover .img-drag{display: block;} .side-tc-list .img-drag{display: none;} .side-tc-list .img-drag:hover{content: url('/att_website_project/static/src/css/../images/drag-black.svg')} .side-tc-list:hover .right-menu{display: block;} .main{background-color: #F4F4F4; height: 1000px;} .header-section{background-color: #FFFFFF;} ul{padding: 0px;} .project-name{color: #858585; font-size: 14px; padding-left: 3px;} #project-member-count{margin-bottom: 0.5rem !important;} .project-name h5{color: #3C3C3C; padding-left: 10px; font-size: 20px;} .project-name h5:hover{cursor: pointer;} .title-row{margin: 0 !important; padding-top: 12px;} .title-col{padding-top: 18px !important; padding-right: 0px !important;} .title ,.total{margin-top: -10px; margin-bottom: 12px;} .content-wrapper .title{font-size: 15px;} .btn-drop{width: 100%; text-align: start; padding: 0 !important; display: flex; border: none; background-color: #fff;} .btn-drop p{color: #3C3C3C; font-weight: 500 !important; font-size: 20px; margin-left: 15px;} .pr-drop-close:hover{cursor: pointer;} .dropdown-item{color: #3C3C3C; font-size: 14px;} .dropdown-item:focus{outline:0px !important; -webkit-appearance:none; box-shadow: none !important; appearance: none;} .drop-down-filter p,.drop-down-export p ,.dropdown-menu p{font-size: 15px;} .search-drop:focus{outline:0px !important; -webkit-appearance:none; box-shadow: none !important; border-color: #D5D5D5;} .search-drop{border-radius: 8px;} .drop-search{padding-bottom: 10px;} .project-img{width: 50px; padding-right: 15px; top:32px;} .project-close{cursor: pointer; float:right;} ul li{list-style: none; padding: 0px; margin: 0px;} li{list-style: none;} .totalcase-wrapper{margin: 5px 0px 10px 0px; border-radius: 8px; background: rgb(1,189,244); background: linear-gradient(34deg, rgba(1,189,244,1) 77%, rgba(153,149,255,1) 94%);} .totalcase-status{margin: 0px 10px 0px 10px; color: #fff;} .status-count{text-align: center;} .insight{padding-top: 15px; padding-left: 15px; width: 96%;} .top-toggle{margin-top: -40px;} .top-hide-btn{position: absolute; right: 14px; top: 20px; z-index: 99;} .first-title{font-size: 24px; font-weight:400 !important;} .second-title{font-size: 24px;} hr{margin: 0px;} .number{font-size: 50px;} .total{font-size: 15px;} .table-top-section{background-color: #FFFFFF; padding-top: 5px;} .zerocases-title{color: #3C3C3C;} .pd-space{padding: 7px 7px 0px 7px;} .table-top-first{padding-top: 10px; margin-right: 0px;} .table-top-first p{color: #3C3C3C; font-weight: 500 !important; font-size: 20px;} .table-top-first span{color: #000; font-size: 14px; background-color: #f1eeee; border-radius: 6px; padding: 1px 6px; font-weight: 500;} .table-top{position: sticky; background-color: #fff; top: 0; z-index: 100; margin: 0px; padding-top: 5px;} .input-group input{color: #858585; font-size: 16px;} .input-group-text{border-left: none; background-color: #fff; padding-left: 8px; width: 50px; height: 38px;} .search-section{padding-left: 0px; padding-right: 0px;} .search-field{border-radius: 10px !important; padding: 0px 40px 0px 10px; font-size: 15px; border: 1px solid #D5D5D5; background: none; border-radius: 10px; padding: 0px 40px 0px 10px; font-weight: normal; color: #3C3C3C;} .search-section img{position: absolute; top: 6px; right: 3px !important; cursor: pointer;} .search-section .form-control:focus{border-color: #D5D5D5;} .search-field:focus{outline:0px !important; -webkit-appearance:none; box-shadow: none !important; border-color: #D5D5D5;} .search-outer{margin-left: 0px !important;} .search-outer input:focus{border-color: #01BDF4 !important;} .search-field,.web-s{transition: all.8s;} .form-control{border-radius: 8px;} .search-icon{width: 32px; height: 32px;} .input-group-text:hover{cursor: pointer;} .input-group>.input-group-prepend>.input-group-text{border-top-right-radius: 8px; border-bottom-right-radius: 8px;} .search-field,.input-group-text{height: 44px !important; border-radius: 8px !important; width: 100% !important; font-size: 16px !important;} .img-testcase{margin-top: -1px; margin-left: 0px;} .edit-case-title{position: relative; left: 9px;} .add-hidden-scenario, .add-hidden-module{display: none; font-size: 15px;} .add-hidden-close-sc, .add-hidden-close-md{position: relative; float: right; cursor: pointer; margin-top: -26px; top: 36px; left: -5px;} .edit-test-scenario{padding-left:0px; position: relative; left: 12px;} .img-scenario{margin-top: -1px; margin-left: -4px;} .btn-add-test:hover{background-color: #fff; color: #3C3C3C;} .img-filter{padding-left: 0px;;} .edit-filter{padding-left: 10px;} .model-filtericon ,.model-filtericon-close{float: right; cursor: pointer;} .filter-module-list-head{color: #858585; font-size:16px;} .filter-list{padding-left: 10px;} .tc-filter{margin-left: 0px !important; width: 100% !important;} .tc-filter .dropdown-menu{top: 15px !important; min-width: 20.438rem!important; left: -160px !important; transform: none !important;} .tc-filter .fl-dropdown{height: 550px; overflow: hidden scroll;} .no-filter-main{text-align: center; display: flex; align-items: center; padding: 20px 0; height: 100%;} .no-filter-box{width: 100%; padding: 15px; margin: auto;} .no-filter-box h4{color: #3C3C3C; font-size: 28px;} .nofilter-text{font-size: 18px; color: #3c3c3c;} .tcfilter-list{padding: 5px 10px 10px;} .filter-body{min-height: 300px; max-height: 450px; overflow: hidden scroll; padding: 5px 15px;} .tcfilter-title{color: #858585; font-size: 16px;} .md-list, .status-list, .scenario-list{display: flex; flex-direction: column; gap: 0.8em;} .md-list label, .status-list label, .scenario-list label{color: #3C3C3C; font-size: 14px; padding-left: 1.7rem !important; font-weight: 400;} .scenario-list label{white-space: normal !important;} .tcfilter-seeall{color: #858585; font-size: 13px !important; cursor: pointer;} .filter-body::-webkit-scrollbar{width: 4px !important; scroll-behavior: smooth;} .filter-body::-webkit-scrollbar-thumb{background-color: #D5D5D5; border-radius: 0px; height: 5px;} .drop-down-filter{width: 16rem; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 18px #D8E1E3; opacity: 1; margin-top: 5px; padding: 10px 15px; transform: translate3d(-66px, -141px, 0px); margin-left: -130px; top: 40px; margin-top: 170px;} .filter .drop-down-filter{top: 40px;} .title-project .dropdown-menu.show{transform: unset !important;} .create-test img{position: absolute; left: 17px; margin-top: -3px; float: left; width: 30px; height: 30px;} .create-scenario img{position: absolute; left: 6px; right: 10px; margin-top: -3px; height: 30px;} .btn-add-test{height: 44px; background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #01BDF4 !important; border-radius: 8px !important; width: 100% !important; padding-left: 5px !important; padding-right: 5px !important; display: flex !important; align-items: center !important; justify-content: center; color: #3c3c3c;} .case-margin{margin-left: 15px;} .btn-add-scenario{height: 44px; background: #FFFFFD 0% 0% no-repeat padding-box; border: 1px solid #3C3C3C !important; border-radius: 8px !important; width: 100%; padding-left: 2px !important; padding-right: 2px !important; display: flex !important; align-items: center; justify-content: center; color: #3c3c3c;} .btn-add-scenario:hover{background-color: #fff; color: #3C3C3C; border-color: #01BDF4;} .test-scenario-margin{margin-left: 1px;} .sort-done-btn{width: 70px !important; height: 32px!important; border: 1px solid #01BDF4!important; float: right !important; padding: 0px!important; margin-bottom: 10px !important; background-color: #fff !important; border-radius: 10px !important;} .fl-margin{margin-left: -10px;} .btn-common{background-color: #fff !important; border: 1px solid #D5D5D5 !important; border-radius: 8px !important; opacity: 1 !important; color: #3C3C3C !important; font-size: 16px !important; height: 44px !important; padding: 0px !important; transition: 0.9s; width: 100% !important;} .btn-common:active,.btn-export:active,.btn-add-test:active,.btn-add-scenario:active{box-shadow: none !important;} .btn-common:hover{border-color: #01BDF4 !important;} .btn-export{background-color: #fff !important; border: 1px solid #D5D5D5 !important; border-radius: 8px !important; opacity: 1; color: #3C3C3C !important; font-size: 16px !important; height: 44px; padding: 0px !important; width: 100% !important; transition: 0.9s;} .btn-export:hover{border-color: #01BDF4 !important;} .btn-export{width: 100%; margin-left: 0px;} .ex-margin{margin-left: 41px;} .drop-down-export{width: 13rem; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 18px #D8E1E3 !important; opacity: 1; margin-top: 0px !important; margin-left: -130px !important; padding: 10px 15px !important;} .drop-down-export:focus{outline:0px !important; -webkit-appearance:none; box-shadow: none !important; appearance: none;} .img-ex{float: right; cursor: pointer;} .img-fl{width: 30px; height: 30px;} .tc-ex-label{font-weight: 400 !important;} .btn-ex-download{width: 140px; height: 44px; background-color: #01BDF4 !important; border-radius: 8px !important; border-color: #01bdf4 !important; color: #FFFFFF !important;} .btn-ex-download:hover{color: #fff;} .btn-ex-download img{margin-top: -3px; margin-left: -5px; float: left;} .download{padding-top: 3px;} .ex-name{padding-left: 30px;} .table-model-label,.model-middle,.model-input-text-edit,.model-input-text,.addtestcase-form{font-size: 16px !important;} .add-tc-sc .selectize-control, .add-md-sc .selectize-control{height: 46px !important; padding: 0; border: none;} .add-tc-scenario-select-selectized, .edit-tc-scenario-select-selectized{width: 100% !important; font-size: 16px !important; line-height: 10px !important; height: 100%;} #edit-tc-done p{margin-top: 2px;} .add-tc-sc .selectize-control.single .selectize-input, .add-md-sc .selectize-control.single .selectize-input{background-color: #fff !important; height: 44px !important; background-image: unset !important; box-shadow: none; border: 1px solid #fff !important; border-radius: 8px; font-size: 16px;} .edit-tc-sc .selectize-control.single .selectize-input, .edit-md-sc .selectize-control.single .selectize-input{border: 1px solid #d5d5d5 !important;} .scenario-title{margin: 10px 8px 10px 15px; top: 195px; left: 247px; background: #F4F4F4 0% 0% no-repeat padding-box; border-radius: 8px; opacity: 1;} .content{margin: 10px;} .scenatio-content{color: #3C3C3C; font-size: 16px !important; padding: 10px 5px} .scenario-no{color: #858585;} @media (min-width:1200px) and (max-width:1291px){.btn-add-scenario{font-size: 14px;}.btn-add-test{font-size: 14px;}.img-scenario,.img-testcase{margin-top: -2px; margin-left: 0px; width: 27px;}.fl-pd,.edit-export{font-size: 15px;}.img-fl{width: 29px;}.search-group{width: 100%;}.insight{width: 105%;}} .empty-welcome-main-dashboard{max-height: 100%; position: relative; padding:50px;} .empty-welcome-box{margin: 0 auto; display: table; text-align: center; width:100%;} .empty-pro-icon{padding-top: 50px;} .empty-welcome-box .welcome-head{color: #3C3C3C; font-size: 28px; font-weight: 500!important;} .head-bottom-text{color:#3C3C3C; font-size: 18px; font-weight: 300;} .add-new-pro{color:#01BDF4; font-size:14px; font-weight:500!important; margin-top: -10px; cursor: pointer;} .empty-welcome-box hr{width: 195px; border-top: 1px solid rgba(0,0,0,.1); margin-bottom: none !important; margin: auto;} .more-btn{border: none; background-color: #fff; font-size: 13px; color: #858585;} .more{margin-top: -20px;} .table-resposive{display: block;} .scroll{overflow:scroll; height:100px;} .table-main{} .short-add{margin-top: -3px;} .table-testcase{background-color: #f4f4f4;} .table-wrapper{overflow-y: auto; min-height: 200px; max-height: calc(100vh - 250px) !important;} .testcase-full-body{overflow-y: auto; height: calc(100vh - 135px) !important;} .testcase-full-body::-webkit-scrollbar{width: 0px; scroll-behavior: smooth;} .testcase-full-body::-webkit-scrollbar-thumb{background-color: #858585; border-radius: 20px; height: 10px;} .table-wrapper::-webkit-scrollbar{width: 0px;} .table-testcase table thead{background-color: #f1f1f2 !important; z-index: 99; position: sticky !important; top: -1px !important;} .table-main .table{background: #F4F4F4 0% 0% no-repeat padding-box; opacity: 1; border: none; margin-bottom: 10px;} .table::-webkit-scrollbar{width: 0px; scroll-behavior: smooth;} .table::-webkit-scrollbar-thumb{background-color: #D5D5D5; border-radius: 50px; height: 10px;} .table thead th{border:0px; color: #858585; font-size: 14px; vertical-align: top;} .table thead th .th-common{padding-top: 23px;} .table-content{padding: 0px 10px; background-color: #F4F4F4;} .table th,.table td{border-top: 0px;} .table-add-testcase{background-color: #F4F4F4; color: #858585; font-size: 14px;} .th-common{padding-top: 15px;} thead tr{background-color: #F4F4F4;} thead th{font-weight: 400; font-size: 14px;} .table .sticky th{position: sticky;} .table .sticky th::after{content: ''; position: absolute;} table th{position: sticky;} .order{display: list-item;} .caseid{padding-top: 5px; padding-bottom: 5px;} .table th, .th-common{padding-top: 10px;} .th-common p{padding-top: 10px; font-weight: 500 !important;} .module{width: 10%;} .table th{padding: 5px 10px 5px 10px;} .tc-id{width: 110px !important;} .tc-module{width: 170px !important;} .testcase{width: 260px !important;} .teststeps{width: 290px !important;} .exp-result{width: 270px !important;} .acc-result{width: 230px !important;} .tc-status{width: 175px !important;} .attachment{width: 9.125rem !important;} .table .sticky-top{z-index: 0 !important;} .status-passed{margin-top: -22px; margin-left: 15px;} .status-failed{margin-top: -22px; margin-left: 15px;} .not-executed{color: #F8BF2A;} .passed{color: #2EC941;} .failed{color: #EB5A55;} .side-fade-tc:hover{content: url('/att_website_project/static/src/css/../images/side-dark-icon.svg');} ol{margin: 0px; padding: 0px;} .show-more-title{font-size: 13px; color: #858585;} .show-more{padding-top: 2px; cursor: pointer;} .img-arrow-down{padding-right: 5px; padding-top: 0px;} .screen-design{color: #01BDF4; font-size: 14px;} .table-main table{border-collapse: separate!important; border-spacing: 0px 5px!important;} .tb-expected{white-space: break-spaces; line-height: 25px;} table tr td:first-child{border-radius: 8px 0px 0px 8px !important;} .pencil{float: right;} .pencil:hover{content: url('/att_website_project/static/src/css/../images/pencil-dark.svg');} .drag-btn{float: right; padding-left: 5px;} .edit-notexecuted{margin-top: -42px;} .edit-passed{margin-top: -20px;} .edit-failed{margin-top: -20px;} .drag-btn:hover{content: url('/att_website_project/static/src/css/../images/drag-dark.svg');} .st-text img{vertical-align: top;} .fade-modal-edit{padding-left: 0px; padding-right: 0px;} .btn-table-viewlogs{width: 100%; height: 44px; background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #D5D5D5 !important; border-radius: 8px !important; opacity: 1; padding: 3px !important; font-size: 16px !important; display: flex !important; align-items: center; justify-content: center;} .btn-table-edit,.btn-table-delete{height: 44px; width: 100%; background: #FFFFFF 0% 0% no-repeat padding-box; border-radius: 8px !important; padding:5px !important; font-size: 16px !important; display: flex !important; align-items: center; justify-content: center;} .btn-table-delete{border-color: #f05851 !important;} .btn-table-edit{border-color: #01BDF4 !important;} .img-table-dlt,.img-vwlog, .img-table-edit{width: 26px; height: 26px; margin-right: 4px; margin-top: -5px;} @media (min-width:768px){.table-edit-col{padding-left: 4px !important; padding-right: 4px !important;}} .model-input-text-edit{font-size: 15px;} select{appearance: none;} .drop-img{float: right; position: relative; top: 40px; left: -5px;} .body-sm{padding-top: 10px;} .body-case .table-model-testinput{color: #3C3C3C !important; font-size: 16px !important;} .check-select{height: 44px !important; font-size: 16px !important; border-color: #D5D5D5 !important; border-radius: 8px !important;} .modal-body::-webkit-scrollbar{width: 4px; scroll-behavior: smooth;} .modal-body::-webkit-scrollbar-thumb{background-color: #858585; border-radius: 20px; height: 10px;} #TableEdit{overflow: hidden auto;} .model-viewlog{width: 528px;} .modal-viewlog-header .modal-title{text-align: left;} .modal-viewlog-header h5{border-bottom:none;} .modal-viewlog-header{padding-bottom: 0px;} .body-pd{height: 480px !important; overflow-y: auto; overflow-x: hidden;} .body-pd p{padding-left: 13px;} .viewlog-title{padding-bottom: 10px;} .testcase-profiles{padding-top: 20px; padding-left: 10px; padding-right: 10px;} .testcase-profiles .left-block p{text-align: left;} .left-dark{color: #3C3C3C;} .attachment{color: #01BDF4; cursor: pointer;} .profile-name{padding-left: 0px; font-size: 16px !important;} .profile-details{padding-top: 3px;} .profile-details span{color: #858585; font-size: 14px;} .rounded{width: 40px; height: 40px;} .right h5{font-size: 14px; color: #858585;} .right span{font-size: 14px; color: #3C3C3C; font-weight: 500px;} .created-field{font-size: 14px; color: #3C3C3C;} .viewlog-img{float: right; margin-top: -10px;} .model-vw-close:hover{content: url('/att_website_project/static/src/css/../images/close-model-2.svg');} .table-edit-modal,.table-edit-clickmodal{width: 100%;} .design-screen p, .actual-screen p{margin-top: -6px !important;} .designscreen-title{font-size: 13px; color: #858585;} .view-ticket-edit-click,.view-ticket-over{width: 100%; height: 100%;} .btn-done{background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #01BDF4 !important; border-radius: 8px !important; width: 100%; height: 44px; font-size: 16px !important;} .edit-header{padding-top: 1rem; padding-left: 1rem; padding-bottom: 1rem; padding-right: 15px;} #myModalDelete .modal-title{color: #3C3C3C; font-size: 15px; text-align: center; padding: 10px 0px; border-bottom: 1px solid #D5D5D5; margin: 0px 15px !important; font-weight: 500; width: 90% !important;} #popupLogout .modal-title{color: #3C3C3C; font-size: 15px; text-align: center; padding: 10px 0px; border-bottom: 1px solid #D5D5D5; margin: 0px 15px !important; font-weight: 500; width: 90% !important;} #myModalDeleteSection .modal-title{color: #3C3C3C; font-size: 15px; text-align: center; width: 100% !important; padding: 10px 0px; border-bottom: 1px solid #D5D5D5; margin: 0px 15px; font-weight: 500;} #myModalDeleteSection .modal-body p{color:#3C3C3C; font-size: 16px; text-align: center;} #myModalDeleteSection .modal-footer .btn{border:1px solid #01BDF4; background-color: #fff; border-radius: 8px; color:#01BDF4; height:40px; font-size: 15px; font-weight: 500; width:140px;margin-bottom: 15px;} #myModalDeleteSection .modal-footer .btn:hover{background-color: #01BDF4; color:#fff;} #myModalDeleteSection .modal-dialog{width:315px; box-shadow: 0px 3px 18px #D8E1E3;} #myModalDeleteSection .modal-header{padding:5px 0px;} #myModalDeleteSection .modal-body{padding: 0px;} #myModalDeleteSection .modal-footer{margin: 0 auto; padding: 0px;} #myModalDeleteSection.modal{position: fixed; top:20%!important;} #myModalDeleteSection .modal-title{color: #3C3C3C; font-size: 15px; text-align: center; padding: 10px 0px; border-bottom: 1px solid #D5D5D5; margin: 0px 15px !important; font-weight: 500; width: 90% !important;} .addtestcase-form .table-model-testinput, .table-model-testinput, #table-edit-model .model-middle .model-input-text-edit, .model-bottum-form .br-none{border-bottom: 1px solid #D5D5D5 !important; border-top: none !important; border-left: none !important; border-right: none !important; border-radius: 0px !important; background-color: #fff;} #table-edit-model .disable-input::placeholder{font-size: 15px; white-space: break-spaces; color: #3c3c3c;} .table-model-testinput:focus{outline: 0px !important; -webkit-appearance: none; box-shadow: none !important; border-bottom: 1px solid #D5D5D5;} .table-form ::placeholder,.table-model-testinput::placeholder{text-align: left; letter-spacing: 0px; color: #3C3C3C !important; opacity: 1; font-size: 16px !important;} .upload-screens{text-align: left; letter-spacing: 0px; color: #858585; opacity: 1;} .list-table{padding-top: 11px; padding-left: 10px; text-align: left; letter-spacing: 0px; color: #3C3C3C; opacity: 1; font-size: 14px; font-weight: bold;} .table-steps-content p{font-size: 16px !important; color: #3c3c3c !important; font-weight: 400 !important;} .modal-header .model-vw-close{padding: 0px; margin: -1.9rem -0.40rem 2.6rem auto; color: white; text-shadow: 0 1px 0 #fff;} .close{right: -35px!important; top: 20px; font-size: 35px!important; margin: -0.9rem -1.25rem -1.40rem auto;} .close-vw{position: relative; right: -30px!important; top: 80px !important; font-size: 35px!important; margin: -0.9rem -1.25rem -1.40rem auto;} .close-btn{color: #fff;} .close-btn:hover{cursor: pointer; content: url('/att_website_project/static/src/css/../images/close-model-2.svg'); color: #fff;} .modal-header{display: block; border:none} .header-left{padding-left: 22px !important; font-size: 20px !important; color: #3C3C3C; opacity: 100%;} .title-left{font-size: 14px; color: #858585; opacity: 100%;} .viewlog-title p{text-align: left;} .fill-data{background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #D5D5D5; border-radius: 8px; opacity: 1; margin: 5px;} .fill-data-content{float: right;} .fill-para{padding-top: 1px; color: #858585;} .img-fill{width: 26px; height: 26px; margin-right: 4px;} .btn-fill-data{background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #D5D5D5 !important; border-radius: 8px !important; opacity: 1; float: right; margin-left: -7px; font-size: 16px !important; display: flex !important; justify-content: center; align-items: center; height: 44px; padding: 8px !important;} .btn-fill-data:active{-webkit-box-shadow:none!important; box-shadow: none!important;} .model-top{width: 100%; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-left: 0px;} .model-top-col{padding-left: 0px; padding-right: 10px;} .top-testcase{padding-right: 5px;} .model-middle{color: #3C3C3C;} .drop-bottum ul li img{margin-bottom: 3px;} .form-group label{color: #3C3C3C;} .model-input-text{color: #3C3C3C !important; border: 1px solid #D5D5D5 !important; height: 44px !important;} .custom-textarea{color: #3c3c3c; border: none; padding: 7px 10px; min-height: 36px; width: 100%; font-size: 16px; overflow: auto;} .pr-search:focus,.btn-add-test:focus,.btn-add-scenario:focus,.member-search-list input:focuss{box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6) !important;} [contenteditable="true"]:active, [contenteditable="true"]:focus{border:none; outline:none;} .result-area{height: 106px !important; resize: none !important; color: #3C3C3C !important; padding-top: 5px !important; padding-bottom: 5px !important; border: 1px solid #D5D5D5 !important; border-radius: 8px !important; font-size: 16px !important; background-color: #fff;} .result-area:focus{outline: none !important; border-color: #D5D5D5 !important;} .add-hidden .input-blue{border: 1px solid #01BDF4 !important;} .model-input-text::placeholder{color: #3C3C3C !important;} .img-add-square{cursor: pointer;} .add-new-step{margin-left: auto; color: #01bdf4 !important; cursor: pointer;} .model-input-text:focus{outline:0px !important; -webkit-appearance:none; box-shadow: none !important; border-color: #D5D5D5;} .model-input-text-edit{color: #3C3C3C; padding-top: 5px; padding-bottom: 5px; background: #FFFFFF 0% 0% no-repeat padding-box; border: 0.6000000238418579px solid #D5D5D5; border-top: 8px; border-left: 8px; border-right: 8px; opacity: 1; height: 44px; border-radius: 0px;} .model-input-text-edit:focus{outline: none !important; -webkit-appearance: none; box-shadow: none !important; border-bottom-color: #D5D5D5;} .ol-list{color: #858585; padding-left: 0px; padding-right: 30px;} .details-lf{padding-left: 5px;} .step-lf{padding-left: 25px;} .steps-container{background: #F4F4F4 0% 0% no-repeat padding-box; border-radius:8px; opacity: 1;} .steps-title{margin: 20px;} .table-step{width: 10%;} .table-img{float: right;} .th-main{padding-top: 12px;} .model-bottum{font-size: 14px; color: #3C3C3C; font-weight: lighter;} .model-bottum ::placeholder{text-align: left; font: normal normal medium 14px Helvetica Neue; letter-spacing: 0px; color: #3C3C3C; opacity: 1;} .model-bottum-form ::placeholder{text-align: left; font: normal normal medium 14px/17px Helvetica Neue; letter-spacing: 0px; color: #3C3C3C; opacity: 1; font-weight: 400; font-size: 14px !important;} .model-bottum-form .select-pr-sub{width:92% !important;} .select-pr-sub .dropdown-item:hover{color: #3C3C3C !important;} .panel-content{padding: 10px} .dropzone{min-height: 100px !important;} .needsclick{text-align: center; cursor: pointer;} .needsclick span{color: #858585; font-size: 16px;} .gallery-title{position: absolute; z-index: 1; top: -35px;} .actual-screen-title, .design-screen-title{color: #fff; font-size: 20px; font-weight: 500 !important; display: none;} .gallery-list-TC{background-color: #fff !important; list-style-type: none; padding: 0px;} .gallery-list-TC .dz-preview{margin: 10px 5px 0 !important; min-height: 0px !important;} .gallery-list-TC .dz-preview .dz-image, .edit-comment-drop.dropzone-previews .dz-preview .dz-image, .view-comment-drop.dropzone-previews .dz-preview .dz-image, .create-comment-drop.dropzone-previews .dz-preview .dz-image, .create-tc-comment-drop.dropzone-previews .dz-preview .dz-image{width: 60px !important; height: 60px !important; border: 1px solid #D5D5D5 !important; border-radius: 13px !important;} .create-comment-drop .dropzone .dz-preview,.create-tc-comment-drop .dropzone .dz-preview{min-height: 60px !important; margin: 11px !important;} .gallery-list-TC .dz-preview .dz-image img, .view-comment-drop.dropzone-previews .dz-preview .dz-image img{height: 60px !important; width: 60px !important;} .gallery-list-TC .dz-preview .dz-details{display: none;} .gallery-list-TC li{display: inline-block; width: 85px; position: relative;} .gallery-list-TC .dz-preview .dz-remove, .edit-comment-drop.dropzone-previews .dz-preview .dz-remove, .view-comment-drop.dropzone-previews .dz-preview .dz-remove, .create-comment-drop.dropzone-previews .dz-preview .dz-remove, .create-tc-comment-drop .dz-preview .dz-remove{color: transparent !important; background-image: url('/att_website_project/static/src/css/../images/user-close.svg'); background-repeat: no-repeat; position: absolute; top: 0; left: 45px; z-index: 99;} .create-ticket-main .create-comment-drop.dropzone-previews.dropzone{margin-top: 0 !important; margin-bottom: 0 !important;} .create-ticket-main .comment-box{margin-top: 0 !important;} .create-ticket-main .create-comment-drop .dropzone-previews.dropzone{border-top-right-radius: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;} .create-ticket-main .comment-box .create_tic_comment{border-top-left-radius: 0; border-top-right-radius: 0;} .create-ticket-main .create-comment-drop .dz-image-preview .dz-image img, .create-ticket-main .create-comment-drop .dz-image-preview .dz-image{width: 45px !important; height: 45px !important;} .create-ticket-main .create-comment-drop .dz-image-preview .dz-remove{top: 3px !important; left: 27px !important; width: 15px !important; height: 15px !important;} .create-ticket-main .create-comment-drop .dropzone .dz-preview{min-height: 50px !important; margin: 10px 0 0 10px !important;} .create-ticket-main .modal-footer textarea .create_tic_comment{height: 65px !important;} .gallery-list-TC .dz-preview .dz-details, .edit-comment-drop.dropzone-previews .dz-preview .dz-details, .view-comment-drop.dropzone-previews .dz-preview .dz-details, .create-comment-drop.dropzone-previews .dz-preview .dz-details, .create-tc-comment-drop .dz-preview .dz-details{display: none !important;} .gallery-list-TC .dropzone .dz-preview.dz-complete .dz-progress{top: 34% !important; width: 50px !important;} .gallery-list-TC .dz-preview .dz-error-mark, .gallery-list-TC .dz-preview .dz-success-mark{top: 31% !important; left: 40% !important;} .galleryTC-more{margin-top: -5px;} .dropzone .dz-preview .dz-error-mark svg, .dropzone .dz-preview .dz-success-mark svg{width: 50px !important; height: 50px !important;} .dz-preview.dz-processing.dz-image-preview.dz-success.dz-complete{margin-bottom: 0 !important;} .gallery-right{margin: 0 auto;} .gallery-left .column{padding-left: 6px !important; padding-right: 6px !important;} .share-img{margin-top: -12px; margin-left: -12px; position: absolute;} .file-add .needsclick{margin: 0px !important;} .upload-screens p{font-size: 14px !important; color: #858585 !important;} .btn-save-new{background-color: #DDF7FF !important; border-color: #DDF7FF !important; color: #01BDF4 !important; font-size: 16px !important; padding-top: 8px !important; padding-bottom: 9px !important; width: 100%;} .btn-save{background-color: #01BDF4 !important; border-color: #01BDF4 !important; padding-top: 8px !important; padding-bottom: 9px !important; font-size: 16px !important; color: #ffff !important; width: 100% ;} .btn-save:hover{background-color: #01BDF4; border-color: #01BDF4; color: #FFFFFF;} .btn-save-new:hover{background-color: #DDF7FF; border-color: #DDF7FF; color: #01BDF4;} .model-btn-bottum{padding-left: 5px; padding-right: 5px;} .steps-content, .table-steps-content{background: #F4F4F4 0% 0% no-repeat padding-box; border-radius: 8px; padding-bottom: 20px; padding: 10px;} .step-list{min-height: 354px; max-height: 354px; overflow: hidden auto;} .steptc-list{min-height: 330px; max-height: 330px; overflow: hidden auto;} .step-list li{display: flex;} #table-edit-model .step-list li{align-items: baseline;} .step-list::-webkit-scrollbar{width: 3px; scroll-behavior: smooth;} .step-list::-webkit-scrollbar-thumb{background-color: #858585; opacity: 0.7; border-radius: 20px; height: 10px;} .square{margin-top: -2px; margin-right: 2px;} .test-para{padding-left: 10px !important; font-size: 14px !important; text-align: left !important;} .steps-content .test-para{font-size: 14px !important;} .addtestcase-form .test-para{color: #858585 !important;} .step-lst{padding: 10px 0px 0px 10px;} ul{list-style: none; padding: 0px;} .step-details{background: #FFFFFF 0% 0% no-repeat padding-box; border: 0.6000000238418579px solid #D5D5D5; border-radius: 8px; opacity: 1; margin-left: 15px; width: 94%;} .step-no{width: 50px; display: flex; align-items: center; justify-content: center; margin-right: 10px;} .step-list ul{width: 95%;} .horizontal li p{font-size: 14px !important; color: #858585 !important;} .test-steps-content ol li{list-style: unset !important; margin-left: 10px;} .test-steps-content ol{counter-reset: item; list-style-type: none;} .test-steps-content ol li:before{content: counter(item) " "; counter-increment: item; padding: 12px 0px 0 0px;} .add-tc-addst-rm{cursor: pointer;} .view-step-detail{text-align: justify !important; color: #3c3c3c !important;} .steptc-list ol li{margin-left: 10px; list-style: unset !important;} .steptc-list ol{counter-reset: item; list-style-type: none; margin-bottom: 0;} .steptc-list ol li:before{content: counter(item) " "; counter-increment: item; padding: 5px 0px 0 0px; font-size: 16px;} .steptc-list ol li > div{margin-left: 38px;} .list-details{padding: 10px 0px 10px 10px; text-align: left; letter-spacing: 0px; color: #3C3C3C; opacity: 1; font-size: 16px !important; font-weight: 400; height: 44px; box-shadow: none !important;} .steptc-list ol li input{background-color: #F4F4F4;} .step-model{padding-left: 8px;} .step-list p{text-align: center; margin-top: 10px;} .step-pd{padding-left: 0px;} .step-rt{padding-right: 0px; padding-left: 0px;} .step-close{position: relative; float: right; cursor: pointer; margin-top: -26px; top: -10px; width: 32px; height: 32px;} .table-mob{padding: 15px; background-color: #F4F4F4;} .single-box{background-color: #fff; border-radius: 8px; padding: 0px; margin-bottom: 15px;} .list{cursor: pointer;} .pr-text-wrap{position: relative; font-size: 14px;} .btn-coll:hover{text-decoration: none;} .pr-text-right{position: absolute; right: 20px;} .head-sub-text{padding-left: 25px; color: #858585; font-size: 15px; padding-top: 10px;} .info-text{padding-left: 10px; color: #3C3C3C; font-size: 15px; padding-top: 10px;} .table-mob p{font-size: 16px; margin-bottom: 5px;} .head-text{color: #858585; font-size: 15px; padding-left: 10px;} .table-mob .fa-pencil{color: #D5D5D5; position: absolute; right: 70px;} .table-mob .fa-pencil:hover{content: url('/att_website_project/static/src/css/../images/pencil-dark.svg'); position: absolute; right: 70px; cursor: pointer;} .table-mob .drag-black{cursor: pointer; position: absolute; right: 40px;} .drag-black:hover{content: url('/att_website_project/static/src/css/../images/drag-dark.svg');} .acc-design{color: #01BDF4;} @media (min-width: 768px){.table-mob{display: none;}} @media (max-width: 767px){.table-main{display: none !important;}.table-head{display: none;}.scenario-title{display: none !important;}} .btn-info:focus{outline: none !important; -webkit-appearance: none; box-shadow: none !important; background-color: #fff; border: none; text-align: center; color:#3C3C3C;} .btn-info:hover{background-color: #fff; border: none; text-align: center; color:#3C3C3C;} .btn-info{background-color: #fff; border: none; text-align: center; color:#3C3C3C; width: 100%; margin-left: -10px;} .accordion-card{background-color: #fff; border-color: #fff !important; border-bottom-right-radius: 8px !important; border-bottom-left-radius: 8px !important; border-top-right-radius: 8px !important; border-top-left-radius: 8px !important;} .btn-link{background-color: #fff;} .text-left{border: none;} .text-left:hover{text-decoration: none;} .text-left:active{text-decoration: none; border: none;} .accordion:active{text-decoration: none; border: none;} .pd-tablemb{padding-bottom: 10px;} .form-control:focus~.input-group-prepend{background-color: #fff;} .check-select:focus{border-color: #D5D5D5;} .extra-btn-effect{background: linear-gradient(to top, #01bdf4c2 0%,#9995FF 90%); border-radius: 8px; padding: 10px;} .nav-function-hidden:not(.nav-function-top) .page-header [data-class=nav-function-hidden]{background: none!important; border-color: #fff!important; -webkit-box-shadow: none!important; box-shadow: none!important; color: #fff!important;} .nav-function-hidden:not(.nav-function-top) .page-header [data-class=nav-function-hidden]{background: none!important; border-color: #fff!important; -webkit-box-shadow: none!important; box-shadow: none!important; color: #fff!important;} #addtestcase .modal-dialog .dropzone, #table-edit-model .modal-dialog .dropzone{min-height: 0 !important;} #addtestcase .modal-body .drop-wrapper .panel .panel-container .panel-content{padding: 0.6rem 2rem !important;} #addtestcase .modal-body .drop-wrapper .panel .panel-container .panel-content .dropzone .dz-message{margin: 0 !important;} .modal-body .drop-wrapper .panel{border-radius: 8px; border-radius: 8px; border: none !important; box-shadow: none;} .modal-body .drop-wrapper .panel .panel-container{background-color: #f4f4f4!important; border: 1px solid #D5D5D5; border-radius: 8px !important; box-shadow: none;} #addtestcase .modal-body .custom-select, #TableEdit .modal-body .custom-select{background-color: white !important; height: 46px !important; padding: 0px !important; top: -1px !important; font-size: 16px;} #addtestcase .modal-body .custom-select .selectize-dropdown-content, #TableEdit .modal-body .custom-select .selectize-dropdown-content{background-color: #fff; z-index: 1026; border: 1px solid #d5d5d5; max-height: 250px; min-height: 50px; overflow-y: scroll; box-shadow: 0px 3px 18px #D8E1E3; margin-top: -4px;} #add-tc-scenario-select-selectized, #add-tc-module-select-selectized{width: 100% !important; height: 100%;} #edit-tc-module-select-selectized, #edit-tc-scenario-select-selectized{width: 100% !important;} .add-scenario-entered, .add-module-entered{position: absolute; right: 20px; width: 25px; height: auto; top: 38px;} #TableEdit .modal-body .drop-wrapper .panel .panel-container .panel-content{padding: 0.6rem 2rem !important;} #TableEdit .modal-body .drop-wrapper .panel .panel-container .panel-content .dropzone .dz-message{margin: 0 !important;} #TableEdit .modal-dialog .dropzone{min-height: 0 !important;} #TableEdit textarea, #TableEdit input, #table-edit-model input, #table-edit-model textarea{-webkit-text-fill-color: #3c3c3c; font-weight: 400 !important;} .dropzone .dz-preview .dz-remove{color: #01bdf4; margin-left: -3px;} @media (min-width: 1199px){.scenario-margin{margin-left: -17px;}.not-margin{margin-left: -10px;}} @media (min-width: 992px) and (max-width: 1199px){.img-filter{padding: 0px 10px 0px 10px; float: none;}.insight{width: 106%;}.dropzone .dz-message{text-align: center; margin: 0em 0;}.img-drop{padding-top: 15px;}.steps-content{min-height: 555px;}} @media (min-width: 768px) and (max-width: 991px){.btn-add-test,.btn-add-scenario{font-size: 14px;}.img-filter{padding: 0px 10px 0px 10px; float: none;}.steps-content{padding-bottom: 20px; min-height: 100px;}.table-steps-content{padding-bottom: 20px; min-height: 200px;}.insight{padding-left: 15px;}.first-title,.second-title{font-size: 20px;}} @media (min-width: 576px) and (max-width: 767px){.btn-add-scenario,.btn-add-test{font-size: 16px;}.img-scenario{margin-top: 1px; margin-left: -2px;}.img-filter{float: none;}.table-top{padding-bottom: 10px;}.create-test img{left: 25px; position: absolute;}.create-scenario img{left: 7px; position: absolute;}.edit-test-scenario{padding-left: 0px; position: relative;}.search-group{width: 100%;}.case-margin{margin-left: 0px;}.test-scenario-margin{margin-left: 24px;}.steps-content{padding-bottom: 20px; min-height: 100px;}.table-steps-content{padding-bottom: 20px; min-height: 200px;}.insight{padding-left: 15px;}.model-viewlog{width: 496px;}.drop-down-filter{margin-left: 8px; margin-top: 45px;}.drop-down-export{margin-left: 0px !important;}.fill-para{display: none;}.filter-outer .dropdown-menu{left: 0px !important;}} @media (min-width: 576px){#addtestcase .modal-dialog, #table-edit-model .model-dialog, #TableEdit .modal-dialog{max-width: 80% !important;}} @media (max-width: 575px){.table-top{padding-bottom: 10px;}.create-test img{left: 48px; position: absolute;}.create-scenario img{left: 27px; position: absolute;}.edit-test-scenario{padding-left: 14px;}.case-margin{margin-left: -4px; padding-left: 12px;}.test-scenario-margin{margin-left: 4px;}.steps-content{padding-bottom: 20px; min-height: 100px;}.table-steps-content{padding-bottom: 20px; min-height: 200px;}.insight{padding-left: 15px;}.model-viewlog{width: 420px;}.left-block{padding-left: 55px !important;}.header-left{font-size: 18px !important;}.form-group label{font-size: 15px;}.fill-para{display: none;}.step-close{top: -7px; width: 25px; height: 25px; left: 2px;}} @media (max-width: 1377px) and (min-width: 1366px){.btn-add-test{width: 82% !important; float: right;}.search-field{width: 120% !important;}.search-section img{right: -30px !important;}} @media (max-width: 1199px){.fl-pd, .edit-export{display: none;}} @media (min-width: 1200px){.btn-add-scenario,.btn-add-test,.btn-common,.btn-export{font-size: 16px !important; font-weight: 300 !important;}} @media (min-width:500px) and (max-width: 992px){.main-body-head{padding: 0px 0px 0px 15px}.title-project{margin-left: 45px;}} @media (min-width: 993px) and (max-width: 1223px){.title-project{width: 145%;}.totalcase-wrapper{width: 90%; float: right;}.content-wrapper{margin-top: 5px;}.number{font-size: 40px;}.title,.total{font-size: 13px;}.insight{padding-top: 20px;}.first-title{font-size: 16px;}.second-title{font-size: 20px;}} @media (min-width: 992px) and (max-width: 1130px){.fill-para{display: none !important;}.title-left{width: 121px !important;}.steps-content{min-height: 490px;}} @media (min-width: 992px) and (max-width: 1199px){#button{width: 25px !important;}} @media (min-width: 993px) and (max-width: 1269px){.shown{display: none;}.hidden{display: block;}} @media (min-width: 1269px){.hidden{display: none;}} @media (max-width: 992px){.hidden-md-down{display: none !important;}.hidden{display: none;}} @media (min-width: 992px) and (max-width: 1124px){.img-scenario,.img-testcase{width: 23px; height: 23px;}.btn-add-scenario,.btn-add-test{font-size: 12px;}.table-top-first p{font-size: 16px;}.btn-drop h5{margin-left: 14px;}.search-section input::placeholder{font-size: 12px !important;}} @media (max-width:499px){.btn-add-scenario,.btn-add-test{font-size: 15px;}.header-sm,.body-sm{padding-left: 10px; padding-right: 10px;}.title-project{padding-left: 18%;}.main-body-head{padding: 15px 0px 0px 0px !important;}.project-dropdown{left: -25% !important;}.drop-down-export{margin-left: -180px;}} @media (max-width:320px){.btn-add-test,.btn-add-scenario{font-size: 12px;}.test-para{font-size: 13px !important;}.table-steps-content p{font-size: 14px !important; color: #3c3c3c !important; font-weight: 400 !important;}#myModalDelete .modal-content{width: 300px !important;}} @media (max-width:360px){.list-details{font-size: 11px;}.step-close{top: -5px; left: 5px;}#myModalDeleteSection .modal-content{width: 300px !important;}} .attach-close{position: absolute; right: 27px; top: 3px;} .statusTC-view-list{padding: 0px 5px;} .status-list-tc label{font-size: 15px; font-weight: 500;} .st-top-bar{width: 100%; margin-bottom: 7px;} .st-top-bar p{color: #3C3C3C; font-size: 15px; padding: 2px 10px 0px; margin-bottom: 5px;} .staustc-head{padding: 5px 0px 3px 10px; margin-bottom: 0px; font-size: 15px; color:#3C3C3C;} .statustc-list{padding-bottom: 5px;} .statustc-list label{font-size: 14px; color: #3C3C3C;} .btn-common:active,.btn-export:active,.btn-add-test:active,.btn-add-scenario:active{box-shadow: none !important;} .statustc-list p{font-weight: 500; color:#3C3C3C; padding-left: 20px; font-size: 15px;} .drop-status-tc{left: 0 !important; top: 0 !important; transform: none !important;} .st-statuslist-drop-close{position: absolute; right: 2px; top: 5px;} [type="radio"]:checked, [type="radio"]:not(:checked){position: absolute; left: -9999px;} [type="radio"]:checked + label, [type="radio"]:not(:checked) + label{position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #666;} [type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before{content: ''; position: absolute; left: 0; top: 0; width: 17px; height: 17px; border: 1px solid #ddd; border-radius: 100%; background: #fff;} [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after, [type="radio"]:not(:checked):hover+label:before{content: url(/att_website_project/static/src/css/../images/tick.png); width: 17px; height: 17px; position: absolute; top: 0px; left: 0px; border-radius: 100%; border: 1px solid #01BDF4; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;} [type="radio"]:not(:checked):hover+label:before{content: url(/att_website_project/static/src/css/../images/tick.png); width: 17px; height: 17px; position: absolute; top: 0px; left: 0px; border-radius: 100%; border: 1px solid #01BDF4;} [type="radio"]:not(:checked) + label:after{opacity: 0; -webkit-transform: scale(0); transform: scale(0);} [type="radio"]:checked + label:after{opacity: 1; -webkit-transform: scale(1); transform: scale(1);} .add-content{margin: 8px; color: #01BDF4;} .add-test-btn, .edit-scenario-input{color: #01BDF4 !important; padding: 5px 10px !important; font-size: 16px !important; font-weight: 500 !important; border: 1px solid #01BDF4 !important; border-radius: 8px !important; margin: 10px 0 !important; background-color: #F4F4F4 !important; height: 44px !important; cursor: text !important; text-align: left !important; width: 99% !important;} .sent-input{position: relative;} .sent-input img{position: absolute; right: 20px; top: 15px;} .sent-test img{cursor: pointer;} .addtestscenario-initial .btn:hover{color: #01BDF4;} .sent-test{display: none;} .add-test-btn::placeholder{color: #01BDF4;} .add-test-btn:focus{border-color: #01BDF4; caret-color: #01BDF4; color: #01BDF4; background-color: #F4F4F4;} .btn-lg{display: flex !important; align-items: center; justify-content: center; flex-direction: row-reverse;} .table-thumb-list{display: flex; padding: 0 !important; list-style: none !important;} .table-thumb-list li{margin-right: 0.4em;} .table-thumb-list li img{width: 26px; height: 26px; border: 1px solid #D5D5D5; border-radius: 8px;} #TCimageGalleryPopList .modal-body .body-content{display: flex;} #TCimageGalleryPopList .modal-body .nav-pills{padding: 1.4em;} #TCimageGalleryPopList .modal-body .nav-pills .nav-item{position: relative;} #TCimageGalleryPopList .modal-body .nav-pills .nav-link{color: #858585 !important; font-size: 16px; font-weight: 300;} #TCimageGalleryPopList .modal-body .nav-pills .nav-link.active{background-color: #fff !important; color: #01BDF4 !important; font-size: 16px; font-weight: 300;} #TCimageGalleryPopList .modal-body .nav-pills .nav-link.active::before{content: ''; position: absolute; bottom: 5px; left: 50%; width: 4px; height: 4px; border-radius: 50%; background-color: #01BDF4;} .gallery-left{background-color: #f0f0f0; border-radius: 10px; margin-top: 4.2em;} .no-testcase-body{display: flex; justify-content: center; align-items: center; background-color: #F4F4F4;} .no-sub-body{display: flex; flex-direction: column;} .no-sub-body label:first-child{color: #858585; font-size: 15px; font-weight: 500;} .no-sub-body label:last-child{color: #858585; font-size: 14px; font-weight: 300;} .no-records{display: flex; justify-content: center; align-items: center; color: #858585; font-size: 13px; font-weight: 400 !important;} .edit-sent img{position: absolute; right: 20px; top: 15px; cursor: pointer;} .fade-del.show{opacity: 1; animation: swal2-show 0.3s;} @-webkit-keyframes swal2-show{0%{-webkit-transform: scale(0.7); transform: scale(0.7);}45%{-webkit-transform: scale(1.05); transform: scale(1.05);}80%{-webkit-transform: scale(0.95); transform: scale(0.95);}100%{-webkit-transform: scale(1); transform: scale(1);}} @keyframes swal2-show{0%{-webkit-transform: scale(0.7); transform: scale(0.7);}45%{-webkit-transform: scale(1.05); transform: scale(1.05);}80%{-webkit-transform: scale(0.95); transform: scale(0.95);}100%{-webkit-transform: scale(1); transform: scale(1);}} @-webkit-keyframes swal2-hide{0%{-webkit-transform: scale(1); transform: scale(1); opacity: 1;}100%{-webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0;}} @keyframes swal2-hide{0%{-webkit-transform: scale(1); transform: scale(1); opacity: 1;}100%{-webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0;}} .dlt-scenario:hover{content: url('/att_website_project/static/src/css/../images/delete_testscenario_hover.svg')} .drop-down-export .ex-list-item{width: 193px !important;} .testcase-loader{width: 89% !important; top: 7.563rem !important; left: 15rem !important; background-position-x: 46% !important; background-position-y: 39% !important;} .status_area{position: relative;} .no-steps{display: flex; flex-direction: column; align-items: center; justify-content: center; margin: auto; height: 19rem;} .nosteps-label{font-size: 15px !important; color: #858585 !important; margin-top: 10px; font-weight: 300;} .tc-no-attch, .tic-no-attach{display: flex; flex-direction: row; align-items: center;} .no-attach-content{display: flex; flex-direction: column; margin: 0 8px;} .tc-no-attch img, .tic-no-attch img{margin-right: 8px; margin-top: -8px;} .no-atch-label{font-size: 15px !important; color: #3c3c3c !important; font-weight: 400 !important; margin-bottom: 0; margin-top: 3px;} 

/* /att_website_project/static/src/css/bootstrap-datepicker.css defined in bundle 'web.assets_frontend' */
  .datepicker{border-radius: 4px; direction: ltr;} .datepicker-inline{width: 220px;} .datepicker-rtl{direction: rtl;} .datepicker-rtl.dropdown-menu{left: auto;} .datepicker-rtl table tr td span{float: right;} .datepicker-dropdown{top: 0; left: 0; padding: 4px;} .datepicker-dropdown:before{content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(0, 0, 0, 0.15); border-top: 0; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute;} .datepicker-dropdown:after{display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-top: 0; position: absolute;} .datepicker-dropdown.datepicker-orient-left:before{left: 6px;} .datepicker-dropdown.datepicker-orient-left:after{left: 7px;} .datepicker-dropdown.datepicker-orient-right:before{right: 6px;} .datepicker-dropdown.datepicker-orient-right:after{right: 7px;} .datepicker-dropdown.datepicker-orient-bottom:before{top: -7px;} .datepicker-dropdown.datepicker-orient-bottom:after{top: -6px;} .datepicker-dropdown.datepicker-orient-top:before{bottom: -7px; border-bottom: 0; border-top: 7px solid rgba(0, 0, 0, 0.15);} .datepicker-dropdown.datepicker-orient-top:after{bottom: -6px; border-bottom: 0; border-top: 6px solid #fff;} .datepicker table{margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .datepicker table tr td, .datepicker table tr th{text-align: center; width: 30px; height: 30px; border-radius: 4px; border: none;} .table-striped .datepicker table tr td, .table-striped .datepicker table tr th{background-color: transparent;} .datepicker table tr td.old, .datepicker table tr td.new{color: #777777;} .datepicker table tr td.day:hover, .datepicker table tr td.focused{background: #eeeeee; cursor: pointer;} .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover{background: none; color: #777777; cursor: default;} .datepicker table tr td.highlighted{color: #000; background-color: #d9edf7; border-color: #85c5e5; border-radius: 0;} .datepicker table tr td.highlighted:focus, .datepicker table tr td.highlighted.focus{color: #000; background-color: #afd9ee; border-color: #298fc2;} .datepicker table tr td.highlighted:hover{color: #000; background-color: #afd9ee; border-color: #52addb;} .datepicker table tr td.highlighted:active, .datepicker table tr td.highlighted.active{color: #000; background-color: #afd9ee; border-color: #52addb;} .datepicker table tr td.highlighted:active:hover, .datepicker table tr td.highlighted.active:hover, .datepicker table tr td.highlighted:active:focus, .datepicker table tr td.highlighted.active:focus, .datepicker table tr td.highlighted:active.focus, .datepicker table tr td.highlighted.active.focus{color: #000; background-color: #91cbe8; border-color: #298fc2;} .datepicker table tr td.highlighted.disabled:hover, .datepicker table tr td.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.highlighted:hover, .datepicker table tr td.highlighted.disabled:focus, .datepicker table tr td.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.highlighted:focus, .datepicker table tr td.highlighted.disabled.focus, .datepicker table tr td.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.highlighted.focus{background-color: #d9edf7; border-color: #85c5e5;} .datepicker table tr td.highlighted.focused{background: #afd9ee;} .datepicker table tr td.highlighted.disabled, .datepicker table tr td.highlighted.disabled:active{background: #d9edf7; color: #777777;} .datepicker table tr td.today{color: #000; background-color: #ffdb99; border-color: #ffb733;} .datepicker table tr td.today:focus, .datepicker table tr td.today.focus{color: #000; background-color: #ffc966; border-color: #b37400;} .datepicker table tr td.today:hover{color: #000; background-color: #ffc966; border-color: #f59e00;} .datepicker table tr td.today:active, .datepicker table tr td.today.active{color: #000; background-color: #ffc966; border-color: #f59e00;} .datepicker table tr td.today:active:hover, .datepicker table tr td.today.active:hover, .datepicker table tr td.today:active:focus, .datepicker table tr td.today.active:focus, .datepicker table tr td.today:active.focus, .datepicker table tr td.today.active.focus{color: #000; background-color: #ffbc42; border-color: #b37400;} .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today[disabled]:hover, fieldset[disabled] .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today[disabled]:focus, fieldset[disabled] .datepicker table tr td.today:focus, .datepicker table tr td.today.disabled.focus, .datepicker table tr td.today[disabled].focus, fieldset[disabled] .datepicker table tr td.today.focus{background-color: #ffdb99; border-color: #ffb733;} .datepicker table tr td.today.focused{background: #ffc966;} .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:active{background: #ffdb99; color: #777777;} .datepicker table tr td.range{color: #000; background-color: #eeeeee; border-color: #bbbbbb; border-radius: 0;} .datepicker table tr td.range:focus, .datepicker table tr td.range.focus{color: #000; background-color: #d5d5d5; border-color: #7c7c7c;} .datepicker table tr td.range:hover{color: #000; background-color: #d5d5d5; border-color: #9d9d9d;} .datepicker table tr td.range:active, .datepicker table tr td.range.active{color: #000; background-color: #d5d5d5; border-color: #9d9d9d;} .datepicker table tr td.range:active:hover, .datepicker table tr td.range.active:hover, .datepicker table tr td.range:active:focus, .datepicker table tr td.range.active:focus, .datepicker table tr td.range:active.focus, .datepicker table tr td.range.active.focus{color: #000; background-color: #c3c3c3; border-color: #7c7c7c;} .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range[disabled]:hover, fieldset[disabled] .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled:focus, .datepicker table tr td.range[disabled]:focus, fieldset[disabled] .datepicker table tr td.range:focus, .datepicker table tr td.range.disabled.focus, .datepicker table tr td.range[disabled].focus, fieldset[disabled] .datepicker table tr td.range.focus{background-color: #eeeeee; border-color: #bbbbbb;} .datepicker table tr td.range.focused{background: #d5d5d5;} .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:active{background: #eeeeee; color: #777777;} .datepicker table tr td.range.highlighted{color: #000; background-color: #e4eef3; border-color: #9dc1d3;} .datepicker table tr td.range.highlighted:focus, .datepicker table tr td.range.highlighted.focus{color: #000; background-color: #c1d7e3; border-color: #4b88a6;} .datepicker table tr td.range.highlighted:hover{color: #000; background-color: #c1d7e3; border-color: #73a6c0;} .datepicker table tr td.range.highlighted:active, .datepicker table tr td.range.highlighted.active{color: #000; background-color: #c1d7e3; border-color: #73a6c0;} .datepicker table tr td.range.highlighted:active:hover, .datepicker table tr td.range.highlighted.active:hover, .datepicker table tr td.range.highlighted:active:focus, .datepicker table tr td.range.highlighted.active:focus, .datepicker table tr td.range.highlighted:active.focus, .datepicker table tr td.range.highlighted.active.focus{color: #000; background-color: #a8c8d8; border-color: #4b88a6;} .datepicker table tr td.range.highlighted.disabled:hover, .datepicker table tr td.range.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.highlighted:hover, .datepicker table tr td.range.highlighted.disabled:focus, .datepicker table tr td.range.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.range.highlighted:focus, .datepicker table tr td.range.highlighted.disabled.focus, .datepicker table tr td.range.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.range.highlighted.focus{background-color: #e4eef3; border-color: #9dc1d3;} .datepicker table tr td.range.highlighted.focused{background: #c1d7e3;} .datepicker table tr td.range.highlighted.disabled, .datepicker table tr td.range.highlighted.disabled:active{background: #e4eef3; color: #777777;} .datepicker table tr td.range.today{color: #000; background-color: #f7ca77; border-color: #f1a417;} .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today.focus{color: #000; background-color: #f4b747; border-color: #815608;} .datepicker table tr td.range.today:hover{color: #000; background-color: #f4b747; border-color: #bf800c;} .datepicker table tr td.range.today:active, .datepicker table tr td.range.today.active{color: #000; background-color: #f4b747; border-color: #bf800c;} .datepicker table tr td.range.today:active:hover, .datepicker table tr td.range.today.active:hover, .datepicker table tr td.range.today:active:focus, .datepicker table tr td.range.today.active:focus, .datepicker table tr td.range.today:active.focus, .datepicker table tr td.range.today.active.focus{color: #000; background-color: #f2aa25; border-color: #815608;} .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today[disabled]:focus, fieldset[disabled] .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today.disabled.focus, .datepicker table tr td.range.today[disabled].focus, fieldset[disabled] .datepicker table tr td.range.today.focus{background-color: #f7ca77; border-color: #f1a417;} .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:active{background: #f7ca77; color: #777777;} .datepicker table tr td.selected, .datepicker table tr td.selected.highlighted{color: #fff; background-color: #777777; border-color: #555555; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);} .datepicker table tr td.selected:focus, .datepicker table tr td.selected.highlighted:focus, .datepicker table tr td.selected.focus, .datepicker table tr td.selected.highlighted.focus{color: #fff; background-color: #5e5e5e; border-color: #161616;} .datepicker table tr td.selected:hover, .datepicker table tr td.selected.highlighted:hover{color: #fff; background-color: #5e5e5e; border-color: #373737;} .datepicker table tr td.selected:active, .datepicker table tr td.selected.highlighted:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected.highlighted.active{color: #fff; background-color: #5e5e5e; border-color: #373737;} .datepicker table tr td.selected:active:hover, .datepicker table tr td.selected.highlighted:active:hover, .datepicker table tr td.selected.active:hover, .datepicker table tr td.selected.highlighted.active:hover, .datepicker table tr td.selected:active:focus, .datepicker table tr td.selected.highlighted:active:focus, .datepicker table tr td.selected.active:focus, .datepicker table tr td.selected.highlighted.active:focus, .datepicker table tr td.selected:active.focus, .datepicker table tr td.selected.highlighted:active.focus, .datepicker table tr td.selected.active.focus, .datepicker table tr td.selected.highlighted.active.focus{color: #fff; background-color: #4c4c4c; border-color: #161616;} .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.highlighted.disabled:hover, .datepicker table tr td.selected[disabled]:hover, .datepicker table tr td.selected.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.selected:hover, fieldset[disabled] .datepicker table tr td.selected.highlighted:hover, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.highlighted.disabled:focus, .datepicker table tr td.selected[disabled]:focus, .datepicker table tr td.selected.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.selected:focus, fieldset[disabled] .datepicker table tr td.selected.highlighted:focus, .datepicker table tr td.selected.disabled.focus, .datepicker table tr td.selected.highlighted.disabled.focus, .datepicker table tr td.selected[disabled].focus, .datepicker table tr td.selected.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.selected.focus, fieldset[disabled] .datepicker table tr td.selected.highlighted.focus{background-color: #777777; border-color: #555555;} .datepicker table tr td.active, .datepicker table tr td.active.highlighted{color: #fff; background-color: #337ab7; border-color: #2e6da4; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);} .datepicker table tr td.active:focus, .datepicker table tr td.active.highlighted:focus, .datepicker table tr td.active.focus, .datepicker table tr td.active.highlighted.focus{color: #fff; background-color: #286090; border-color: #122b40;} .datepicker table tr td.active:hover, .datepicker table tr td.active.highlighted:hover{color: #fff; background-color: #286090; border-color: #204d74;} .datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active{color: #fff; background-color: #286090; border-color: #204d74;} .datepicker table tr td.active:active:hover, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active:active:focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active:active.focus, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.active.focus, .datepicker table tr td.active.highlighted.active.focus{color: #fff; background-color: #204d74; border-color: #122b40;} .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.highlighted.disabled:hover, .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active.highlighted:hover, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.highlighted.disabled:focus, .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.active:focus, fieldset[disabled] .datepicker table tr td.active.highlighted:focus, .datepicker table tr td.active.disabled.focus, .datepicker table tr td.active.highlighted.disabled.focus, .datepicker table tr td.active[disabled].focus, .datepicker table tr td.active.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.active.focus, fieldset[disabled] .datepicker table tr td.active.highlighted.focus{background-color: #337ab7; border-color: #2e6da4;} .datepicker table tr td span{display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; border-radius: 4px;} .datepicker table tr td span:hover, .datepicker table tr td span.focused{background: #eeeeee;} .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover{background: none; color: #777777; cursor: default;} .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover{color: #fff; background-color: #337ab7; border-color: #2e6da4; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);} .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.focus, .datepicker table tr td span.active:hover.focus, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:hover.focus{color: #fff; background-color: #286090; border-color: #122b40;} .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover{color: #fff; background-color: #286090; border-color: #204d74;} .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active{color: #fff; background-color: #286090; border-color: #204d74;} .datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:hover:active:hover, .datepicker table tr td span.active.disabled:active:hover, .datepicker table tr td span.active.disabled:hover:active:hover, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled:hover.active:hover, .datepicker table tr td span.active:active:focus, .datepicker table tr td span.active:hover:active:focus, .datepicker table tr td span.active.disabled:active:focus, .datepicker table tr td span.active.disabled:hover:active:focus, .datepicker table tr td span.active.active:focus, .datepicker table tr td span.active:hover.active:focus, .datepicker table tr td span.active.disabled.active:focus, .datepicker table tr td span.active.disabled:hover.active:focus, .datepicker table tr td span.active:active.focus, .datepicker table tr td span.active:hover:active.focus, .datepicker table tr td span.active.disabled:active.focus, .datepicker table tr td span.active.disabled:hover:active.focus, .datepicker table tr td span.active.active.focus, .datepicker table tr td span.active:hover.active.focus, .datepicker table tr td span.active.disabled.active.focus, .datepicker table tr td span.active.disabled:hover.active.focus{color: #fff; background-color: #204d74; border-color: #122b40;} .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover.disabled:hover, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled:hover.disabled:hover, .datepicker table tr td span.active[disabled]:hover, .datepicker table tr td span.active:hover[disabled]:hover, .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active:hover:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active:hover.disabled:focus, .datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled:focus, .datepicker table tr td span.active[disabled]:focus, .datepicker table tr td span.active:hover[disabled]:focus, .datepicker table tr td span.active.disabled[disabled]:focus, .datepicker table tr td span.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td span.active:focus, fieldset[disabled] .datepicker table tr td span.active:hover:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active:hover.disabled.focus, .datepicker table tr td span.active.disabled.disabled.focus, .datepicker table tr td span.active.disabled:hover.disabled.focus, .datepicker table tr td span.active[disabled].focus, .datepicker table tr td span.active:hover[disabled].focus, .datepicker table tr td span.active.disabled[disabled].focus, .datepicker table tr td span.active.disabled:hover[disabled].focus, fieldset[disabled] .datepicker table tr td span.active.focus, fieldset[disabled] .datepicker table tr td span.active:hover.focus, fieldset[disabled] .datepicker table tr td span.active.disabled.focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus{background-color: #337ab7; border-color: #2e6da4;} .datepicker table tr td span.old, .datepicker table tr td span.new{color: #777777;} .datepicker .datepicker-switch{width: 145px;} .datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th{cursor: pointer;} .datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover{background: #eeeeee;} .datepicker .prev.disabled, .datepicker .next.disabled{visibility: hidden;} .datepicker .cw{font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle;} .input-group.date .input-group-addon{cursor: pointer;} .input-daterange{width: 100%;} .input-daterange input{text-align: center;} .input-daterange input:first-child{border-radius: 3px 0 0 3px;} .input-daterange input:last-child{border-radius: 0 3px 3px 0;} .input-daterange .input-group-addon{width: auto; min-width: 16px; padding: 4px 5px; line-height: 1.42857143; border-width: 1px 0; margin-left: -5px; margin-right: -5px;} body{font-family: "Roboto", "Helvetica Neue", Helvetica, Arial; font-size: 0.8125rem; letter-spacing: 0.1px;} .page-content{color: #666666;} h1, h2, h3, h4, h5, h6{line-height: 1.3; font-weight: 400;} strong{font-weight: 500;} h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small{font-weight: 300; display: block; font-size: 0.9375rem; line-height: 1.5; margin: 2px 0 1.5rem;} h2 small, h3 small, .h2 small, .h3 small{font-size: 0.9375rem;} h4 small, .h4 small{font-size: 0.875rem;} h5 small, h6 small, .h5 small, .h6 small{font-size: 0.8125rem;} .text-contrast{color: #333333;} .text-gradient{background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5)); background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%); color: #886ab5; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none;} .datepicker table tr td, .datepicker table tr th{width: 38px !important; height: 34px !important;} .datepicker table tr td.old, .datepicker table tr td.new{color: darkgray;} .datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.selected, .datepicker table tr td.selected.highlighted, .datepicker table tr td span.active.active, .datepicker table tr td span.focused{background-color: #967bbd; border-color: #886ab5; color: #fff;} .datepicker table tr td.active:active:hover, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active:active:focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active:active.focus, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.active.focus, .datepicker table tr td.active.highlighted.active.focus, .datepicker table tr td.selected:active:hover, .datepicker table tr td.selected.highlighted:active:hover, .datepicker table tr td.selected.active:hover, .datepicker table tr td.selected.highlighted.active:hover, .datepicker table tr td.selected:active:focus, .datepicker table tr td.selected.highlighted:active:focus, .datepicker table tr td.selected.active:focus, .datepicker table tr td.selected.highlighted.active:focus, .datepicker table tr td.selected:active.focus, .datepicker table tr td.selected.highlighted:active.focus, .datepicker table tr td.selected.active.focus, .datepicker table tr td.selected.highlighted.active.focus, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.highlighted:hover{background-color: #7a59ad; border-color: #6e4e9e; color: #fff;} .datepicker table{width: 100%;} .datepicker.datepicker-inline{border: 1px solid #ebedf2;} .datepicker thead th.prev, .datepicker thead th.datepicker-switch, .datepicker thead th.next{font-weight: 500; color: #a1a8c3;} .datepicker{width: 265px; padding: 10px;} 

/* /att_website_project/static/src/css/project.css defined in bundle 'web.assets_frontend' */
.custom-dropdown.dropdown-menu.side-list-dropdown.show{transform: translate3d(0px, 0px, 0px)!important;} .page-sidebar .sidebar .side-list .ui-state-default{border: none; cursor: pointer;} .ui-state-default{background: none;} .ui-state-default.active{background: #EAD8D8;} .dashboard-alerts{color: red; font-size: 14px;} .assignee-block .img-close{left: 35px;} .mandatory{border: 1px solid red!important;} .ticket-edit input, .ticket-edit select{border: 1px solid #D5D5D5!important; border-radius: 8px!important;} #createProjectPop .panel-container{padding: 0px 5px;} .btn-disable{pointer-events: none!important;} ::placeholder{padding: 5px 0px!important;} .emp-profile{width: 40px; height: 40px; border-radius: 13px; background-color: #fff;} .create-modal select, #this_tic_section, #this_edit_tic_section{font-size: 16px;} .testcase-delete-modal .modal-title{color: #3C3C3C; font-size: 15px; text-align: center; width: 100%; padding: 10px 0px; border-bottom: 1px solid #D5D5D5; margin: 0px 15px; font-weight: 500;} .testcase-delete-modal .modal-body p{color:#3C3C3C; font-size: 15px; text-align: center; padding:10px 15px; margin-bottom: 0px;} .testcase-delete-modal .modal-footer .btn{border:1px solid #01BDF4; background-color: #fff; border-radius: 8px; color:#01BDF4; height:40px; font-size: 15px; font-weight: 500; width:140px;margin-bottom: 15px;} .testcase-delete-modal .modal-footer .btn:hover{background-color: #01BDF4; color:#fff;} .testcase-delete-modal .modal-dialog{width:315px; box-shadow: 0px 3px 18px #D8E1E3;} .testcase-delete-modal .modal-header{padding:5px 0px;} .testcase-delete-modal .modal-body{padding: 0px;} .testcase-delete-modal .modal-footer{margin: 0 auto; padding: 0px;} .testcase-delete-modal.modal{position: fixed; top:20%!important;} .view-project{cursor: pointer;} .content-more{display: none;} .disable-archive-tr{pointer-events: none;} .view-member-dropdown::-webkit-scrollbar{width: 5px; padding-left: 2px; border-radius: 8px;} .view-member-dropdown::-webkit-scrollbar-track{display: none;} .view-member-dropdown::-webkit-scrollbar-thumb{background: #E6CFD3; width: 5px; border-radius: 8px;} .view-member-dropdown::-webkit-scrollbar-thumb:hover{background: #E6CFD3;} .quick-add-member-div::-webkit-scrollbar{width: 5px; padding-left: 2px; border-radius: 8px;} .quick-add-member-div::-webkit-scrollbar-thumb{background: #E6CFD3; width: 5px; border-radius: 8px;} .quick-add-member-div::-webkit-scrollbar-thumb:hover{background: #E6CFD3;} .added-assignee{cursor: initial!important;} .toast-top-right{bottom: 20px; position: fixed; z-index: 999999;} .toast-view{font-size: 14px; color: #DDF7FF; font-weight: 500; background-color: #16C5F8; padding: 10px; border-radius: 6px; cursor: pointer;} .create-success{width: 27.625rem; right: 55px;} .archive-success{width: 35.438rem;} .project-archive-success{width: 32.875rem;} #toast-container > div{display: flex; justify-content: space-between; align-items: center; flex-direction: row-reverse; margin: auto; padding: 10px 15px; background-repeat: no-repeat; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); background: #01BDF4 0% 0% no-repeat padding-box; border-radius: 8px; max-width: 100% !important; font-size: 18px !important; color: #96E7FF !important; font-weight: 600;} .toast{max-width: 350px; overflow: hidden; font-size: .875rem; background-color: rgba(255,255,255,.85); background-clip: padding-box; border: 1px solid rgba(0,0,0,.1); -webkit-box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,.1); box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,.1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; border-radius: .25rem;} .toast-title{display: flex; align-items: center; justify-content: center; color: #fff; font-size: 16px; padding: 0px 10px; font-weight: 500; height: 44px;} .undo-ticket{font-weight: 500; display: flex; justify-content: center; align-items: center; background-color:#16C5F8; border-radius: 6px; padding: 4px 12px;} .undo-ticket img{margin-left: 15px;} .toast-title > div :first-child{margin-left: 15px;} .toast-message{word-wrap: break-word;} .pop-ID, .pop-title{color: #DDF7FF; font-size: 16px; font-weight: 400;} .toast-message >div{float: right; margin-top: -26px; background-color: #16C5F8; padding: 10px; border-radius: 6px; color: #fff; font-size: 16px; font-weight: 500; cursor: pointer; height: 44px;} .toast-archive-project-top-right{bottom: 20px; left: 26%; position: fixed; z-index: 999999; width: 50% !important;} #toast-archive-project-container > div{margin: 0 0 6px; padding: 10px 15px; background-repeat: no-repeat; opacity: 1; background: #01BDF4 0% 0% no-repeat padding-box; border-radius: 8px; max-width: 100% !important; font-size: 18px !important; color: #96E7FF !important; font-weight: 600;} .toast{max-width: 350px; overflow: hidden; font-size: .875rem; background-color: rgba(255,255,255,.85); background-clip: padding-box; border: 1px solid rgba(0,0,0,.1); -webkit-box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,.1); box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,.1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; border-radius: .25rem;} .toast-message{word-wrap: break-word;} .toast-message >div{float: right; margin-top: -26px; background-color: #01BDF4; padding: 10px; border-radius: 6px; color: #fff; font-size: 16px; font-weight: 500; cursor: pointer; height: 44px;} .toast-active-project-top-right{bottom: 20px; left: 18%; position: fixed; z-index: 999999; width: 65% !important;} #toast-active-project-container > div{margin: 0 0 6px; padding: 10px 15px; background-repeat: no-repeat; opacity: 1; background: #01BDF4 0% 0% no-repeat padding-box; border-radius: 8px; max-width: 100% !important; font-size: 18px !important; color: #96E7FF !important; font-weight: 600;} .toast-pr-success{display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse;} .toast-pr-message{display: flex; justify-content: center; align-items: center; font-weight: 500 !important; color: #FFF !important; font-size: 16px !important;} .toast-pr-message .count-down-archive{margin-top: 0 !important;} .toast{max-width: 350px; overflow: hidden; font-size: .875rem; background-color: rgba(255,255,255,.85); background-clip: padding-box; border: 1px solid rgba(0,0,0,.1); -webkit-box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,.1); box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,.1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; border-radius: .25rem;} .toast-message{word-wrap: break-word;} .toast-message >div{float: right; margin-top: -26px; background-color: #01BDF4; padding: 10px; border-radius: 6px; color: #fff; font-size: 16px; font-weight: 500; cursor: pointer; height: 44px;} .no-tickets-dashboard{max-height: 100%; position: relative; padding: 20px 0px;} .no-ticket-first{padding-bottom: 20px;} .no-tickets-box{margin: 0 auto; text-align: center; position: relative; color: #858585 !important; font-size: 15px !important; margin-left: -25%;} .no-ticket-title-one{top: 10%; font-weight: 600;} .no-ticket-title-two{top: 50%; font-size: 14px;} .ticket_loader{position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99999; opacity: 0.95; background-color: rgb(255, 255, 255); backdrop-filter: blur(2px);} .loader-body{display: flex; flex-direction: column; min-height: 100vh !important; justify-content: center; align-items: center;} .loader-body img{height: 80px; width: 80px;} .loader-body .percentage-label{font-size: 20px; color: #3c3c3c; font-weight: 600 !important;} .loader-body .wait-label{font-size: 16px; color: #3c3c3c; font-weight: 400 !important;} .dz-success-mark svg{background : #01BDF4; border: none; border-radius: 30px;} .table-loader{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background-color: rgb(255, 255, 255); opacity: 0.9; backdrop-filter: blur(2px);} .table-loader .loader-body{min-height: 75vh !important;} .testcase-modal-loader{display: none; position: absolute; background-image: url("/att_website_project/static/src/images/ebtloader.gif"); width: 100%; height: 100%; opacity: 1; background-repeat: no-repeat; background-color: rgb(255, 255, 255); z-index: 9999; background-position-x: 50%; background-position-y: 50%;} #addtestcase .testcase-modal-loader{background-size: 35px 35px;} .ticket-table-main-body{position: relative;} .image-loader{position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background-image: url("/att_website_project/static/src/images/ebtwhiteloader.gif"); background-position-x: 50%; background-position-y: 50%; background-size: 40px; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); opacity: 0.9; backdrop-filter: blur(2px);} .fade-ticket-row{background-color: #F4F4F4!important;} .fade-ticket-row td:first-child{border-left: 1px solid #D5D5D5!important;} .create-ticket-main{z-index: 9999!important;} [type="radio"]:checked, [type="radio"]:not(:checked){position: absolute; left: -9999px; display: none;} [type="radio"]:checked + label, [type="radio"]:not(:checked) + label{position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block;} [type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before{content: ''; position: absolute; left: 0; top: 0; width: 17px; height: 17px; border: 1px solid #ddd; border-radius: 100%; background: #fff;} [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after, [type="radio"]:not(:checked):hover+label:before{content: url("/att_website_project/static/src/images/tick.png"); width: 17px; height: 17px; position: absolute; top: 0px; left: 0px; border-radius: 100%; border: 1px solid #01BDF4; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;} [type="radio"]:not(:checked):hover+label:before{content: url("/att_website_project/static/src/images/tick.png"); width: 17px; height: 17px; position: absolute; top: 0px; left: 0px; border-radius: 100%; border: 1px solid #01BDF4;} [type="radio"]:not(:checked) + label:after{opacity: 0; -webkit-transform: scale(0); transform: scale(0);} [type="radio"]:checked + label:after{opacity: 1; -webkit-transform: scale(1); transform: scale(1);} .default-profile{background-color: #9995FF; height: 40px; width: 40px; border-radius: 13px; justify-content: center; align-items: center;} .default-name{font-size: 14px !important; font-weight: 500 !important; color: #fff !important; text-align: unset !important;} 

/* /att_website_project/static/src/css/autocomplete.css defined in bundle 'web.assets_frontend' */
.autocomplete{position: relative;} .autocomplete-items{position: absolute; border: 1px solid #d4d4d4; border-bottom: none; border-top: none; z-index: 99; top: 100%; left: 0; right: 0;} .autocomplete-items div{padding: 10px; cursor: pointer; background-color: #fff; border-bottom: 1px solid #d4d4d4;} .autocomplete-items div:hover{background-color: #e9e9e9;} .autocomplete-active{background-color: DodgerBlue !important; color: #ffffff;} 

/* /att_website_project/static/lib/bxslider/jquery.bxslider.css defined in bundle 'web.assets_frontend' */
 .bx-wrapper{position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1;} .bx-wrapper img{max-width: 100%; display: block;} .bxslider{margin: 0; padding: 0;} .bx-viewport{-webkit-transform: translatez(0);} .bx-wrapper{-webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: 5px solid #fff; background: #fff;} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{position: absolute; bottom: -30px; width: 100%;} .bx-wrapper .bx-loading{min-height: 50px; background: url(/att_website_project/static/lib/bxslider/images/bx_loader.gif) center center no-repeat #ffffff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000;} .bx-wrapper .bx-pager{text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px;} .bx-wrapper .bx-pager.bx-default-pager a{background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; border-radius: 5px;} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{background: #000;} .bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display: inline-block; *zoom: 1; *display: inline;} .bx-wrapper .bx-prev{left: 10px; background: url(/att_website_project/static/lib/bxslider/images/controls.png) no-repeat 0 -32px;} .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus{background-position: 0 0;} .bx-wrapper .bx-next{right: 10px; background: url(/att_website_project/static/lib/bxslider/images/controls.png) no-repeat -43px -32px;} .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus{background-position: -43px 0;} .bx-wrapper .bx-controls-direction a{position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999;} .bx-wrapper .bx-controls-direction a.disabled{display: none;} .bx-wrapper .bx-controls-auto{text-align: center;} .bx-wrapper .bx-controls-auto .bx-start{display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(/att_website_project/static/lib/bxslider/images/controls.png) -86px -11px no-repeat; margin: 0 3px;} .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus{background-position: -86px 0;} .bx-wrapper .bx-controls-auto .bx-stop{display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(/att_website_project/static/lib/bxslider/images/controls.png) -86px -44px no-repeat; margin: 0 3px;} .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus{background-position: -86px -33px;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align: left; width: 80%;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right: 0; width: 35px;} .bx-wrapper .bx-caption{position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%;} .bx-wrapper .bx-caption span{color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px;} :root{--blue:#886ab5;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#fd3995;--orange:#ffc241;--yellow:#ffc241;--green:#1dc9b7;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#868e96;--gray-dark:#495057;--primary:#886ab5;--secondary:#868e96;--success:#1dc9b7;--info:#2196F3;--warning:#ffc241;--danger:#fd3995;--light:#fff;--dark:#505050;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1399px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace} *,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box} html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent} article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block} body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:.8125rem;font-weight:400;line-height:1.47;color:#212529;text-align:left;background-color:#fff} [tabindex="-1"]:focus:not(:focus-visible){outline:0!important} hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible} h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem} p{margin-top:0;margin-bottom:1rem} abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none} address{margin-bottom:1rem;font-style:normal;line-height:inherit} dl,ol,ul{margin-top:0;margin-bottom:1rem} ol ol,ol ul,ul ol,ul ul{margin-bottom:0} dt{font-weight:700} dd{margin-bottom:.5rem;margin-left:0} blockquote{margin:0 0 1rem} b,strong{font-weight:bolder} small{font-size:80%} sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline} sub{bottom:-.25em} sup{top:-.5em} a{color:#886ab5;text-decoration:none;background-color:transparent} a:hover{color:#967bbd;text-decoration:underline} a:not([href]){color:inherit;text-decoration:none} a:not([href]):hover{color:inherit;text-decoration:none} code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em} pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar} figure{margin:0 0 1rem} img{vertical-align:middle;border-style:none} svg{overflow:hidden;vertical-align:middle} table{border-collapse:collapse} caption{padding-top:.75rem;padding-bottom:.75rem;color:#868e96;text-align:left;caption-side:bottom} th{text-align:inherit} label{display:inline-block;margin-bottom:.3rem} button{border-radius:0} button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color} button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit} button,input{overflow:visible} button,select{text-transform:none} [role=button]{cursor:pointer} select{word-wrap:normal} [type=button],[type=reset],[type=submit],button{-webkit-appearance:button} [type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer} [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none} input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0} textarea{overflow:auto;resize:vertical} fieldset{min-width:0;padding:0;margin:0;border:0} legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal} progress{vertical-align:baseline} [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto} [type=search]{outline-offset:-2px;-webkit-appearance:none} [type=search]::-webkit-search-decoration{-webkit-appearance:none} ::-webkit-file-upload-button{font:inherit;-webkit-appearance:button} output{display:inline-block} summary{display:list-item;cursor:pointer} template{display:none} [hidden]{display:none!important} .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.57} .h1,h1{font-size:1.5rem} .h2,h2{font-size:1.375rem} .h3,h3{font-size:1.1875rem} .h4,h4{font-size:1.0625rem} .h5,h5{font-size:.9375rem} .h6,h6{font-size:.875rem} .lead{font-size:1.01563rem;font-weight:300} .display-1{font-size:5rem;font-weight:300;line-height:1.57} .display-2{font-size:4.5rem;font-weight:300;line-height:1.57} .display-3{font-size:3.5rem;font-weight:300;line-height:1.57} .display-4{font-size:2.5rem;font-weight:300;line-height:1.57} hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)} .small,small{font-size:80%;font-weight:400} .mark,mark{padding:.2em;background-color:#fcf8e3} .list-unstyled{padding-left:0;list-style:none} .list-inline{padding-left:0;list-style:none} .list-inline-item{display:inline-block} .list-inline-item:not(:last-child){margin-right:.5rem} .initialism{font-size:90%;text-transform:uppercase} .blockquote{margin-bottom:1rem;font-size:1.01563rem} .blockquote-footer{display:block;font-size:80%;color:#868e96} .blockquote-footer::before{content:"\2014\00A0"} .img-fluid{max-width:100%;height:auto} .img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:4px;max-width:100%;height:auto} .figure{display:inline-block} .figure-img{margin-bottom:.5rem;line-height:1} .figure-caption{font-size:90%;color:#868e96} code{font-size:87.5%;color:#e83e8c;word-wrap:break-word} a>code{color:inherit} kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:4px} kbd kbd{padding:0;font-size:100%;font-weight:700} pre{display:block;font-size:87.5%;color:#212529} pre code{font-size:inherit;color:inherit;word-break:normal} .pre-scrollable{max-height:340px;overflow-y:scroll} .container{width:100%;padding-right:.75rem;padding-left:.75rem;margin-right:auto;margin-left:auto} @media (min-width:576px){.container{max-width:540px}} @media (min-width:768px){.container{max-width:720px}} @media (min-width:992px){.container{max-width:960px}} @media (min-width:1399px){.container{max-width:1140px}} .container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:.75rem;padding-left:.75rem;margin-right:auto;margin-left:auto} @media (min-width:576px){.container,.container-sm{max-width:540px}} @media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}} @media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}} @media (min-width:1399px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}} .row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-.75rem;margin-left:-.75rem} .no-gutters{margin-right:0;margin-left:0} .no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0} .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:.75rem;padding-left:.75rem} .col{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%} .row-cols-1>*{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .row-cols-2>*{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .row-cols-3>*{-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%} .row-cols-4>*{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .row-cols-5>*{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%} .row-cols-6>*{-webkit-box-flex:0;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%} .col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%} .col-1{-webkit-box-flex:0;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%} .col-2{-webkit-box-flex:0;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%} .col-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-4{-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%} .col-5{-webkit-box-flex:0;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%} .col-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-7{-webkit-box-flex:0;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%} .col-8{-webkit-box-flex:0;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%} .col-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .col-10{-webkit-box-flex:0;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%} .col-11{-webkit-box-flex:0;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%} .col-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .order-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1} .order-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13} .order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0} .order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1} .order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2} .order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3} .order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4} .order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5} .order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6} .order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7} .order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8} .order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9} .order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10} .order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11} .order-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12} .offset-1{margin-left:8.33333%} .offset-2{margin-left:16.66667%} .offset-3{margin-left:25%} .offset-4{margin-left:33.33333%} .offset-5{margin-left:41.66667%} .offset-6{margin-left:50%} .offset-7{margin-left:58.33333%} .offset-8{margin-left:66.66667%} .offset-9{margin-left:75%} .offset-10{margin-left:83.33333%} .offset-11{margin-left:91.66667%} @media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.row-cols-sm-1>*{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.row-cols-sm-4>*{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{-webkit-box-flex:0;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-sm-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-webkit-box-flex:0;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-sm-2{-webkit-box-flex:0;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-sm-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-sm-5{-webkit-box-flex:0;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-sm-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-webkit-box-flex:0;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-sm-8{-webkit-box-flex:0;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-sm-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-webkit-box-flex:0;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-sm-11{-webkit-box-flex:0;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-sm-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-sm-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-sm-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-sm-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-sm-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-sm-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-sm-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-sm-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-sm-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-sm-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-sm-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-sm-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-sm-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-sm-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-sm-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333%}.offset-sm-2{margin-left:16.66667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333%}.offset-sm-5{margin-left:41.66667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333%}.offset-sm-8{margin-left:66.66667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333%}.offset-sm-11{margin-left:91.66667%}} @media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.row-cols-md-1>*{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-md-2>*{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-md-3>*{-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.row-cols-md-4>*{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-md-5>*{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-md-6>*{-webkit-box-flex:0;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-md-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-webkit-box-flex:0;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-md-2{-webkit-box-flex:0;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-md-5{-webkit-box-flex:0;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-md-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-webkit-box-flex:0;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-md-8{-webkit-box-flex:0;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-webkit-box-flex:0;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-md-11{-webkit-box-flex:0;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-md-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-md-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-md-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-md-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-md-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-md-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-md-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-md-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-md-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-md-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-md-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-md-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-md-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-md-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-md-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333%}.offset-md-2{margin-left:16.66667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333%}.offset-md-5{margin-left:41.66667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333%}.offset-md-8{margin-left:66.66667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333%}.offset-md-11{margin-left:91.66667%}} @media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.row-cols-lg-1>*{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.row-cols-lg-4>*{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{-webkit-box-flex:0;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-lg-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-webkit-box-flex:0;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-lg-2{-webkit-box-flex:0;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-lg-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-lg-5{-webkit-box-flex:0;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-lg-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-webkit-box-flex:0;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-lg-8{-webkit-box-flex:0;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-lg-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-webkit-box-flex:0;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-lg-11{-webkit-box-flex:0;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-lg-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-lg-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-lg-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-lg-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-lg-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-lg-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-lg-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-lg-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-lg-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-lg-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-lg-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-lg-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-lg-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-lg-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-lg-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333%}.offset-lg-2{margin-left:16.66667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333%}.offset-lg-5{margin-left:41.66667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333%}.offset-lg-8{margin-left:66.66667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333%}.offset-lg-11{margin-left:91.66667%}} @media (min-width:1399px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.row-cols-xl-1>*{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.row-cols-xl-4>*{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{-webkit-box-flex:0;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-xl-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-webkit-box-flex:0;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-xl-2{-webkit-box-flex:0;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-xl-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-xl-5{-webkit-box-flex:0;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-xl-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-webkit-box-flex:0;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-xl-8{-webkit-box-flex:0;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-xl-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-webkit-box-flex:0;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-xl-11{-webkit-box-flex:0;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-xl-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-xl-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-xl-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-xl-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-xl-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-xl-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-xl-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-xl-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-xl-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-xl-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-xl-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-xl-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-xl-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-xl-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-xl-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333%}.offset-xl-2{margin-left:16.66667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333%}.offset-xl-5{margin-left:41.66667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333%}.offset-xl-8{margin-left:66.66667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333%}.offset-xl-11{margin-left:91.66667%}} .table{width:100%;margin-bottom:1rem;color:#212529} .table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #e9e9e9} .table thead th{vertical-align:bottom;border-bottom:2px solid #e9e9e9} .table tbody+tbody{border-top:2px solid #e9e9e9} .table-sm td,.table-sm th{padding:.3rem} .table-bordered{border:1px solid #e9e9e9} .table-bordered td,.table-bordered th{border:1px solid #e9e9e9} .table-bordered thead td,.table-bordered thead th{border-bottom-width:2px} .table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0} .table-striped tbody tr:nth-of-type(odd){background-color:rgba(80,80,80,.02)} .table-hover tbody tr:hover{color:#212529;background-color:#fdfdfd} .table-primary,.table-primary>td,.table-primary>th{background-color:#ded5ea} .table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#c1b2d9} .table-hover .table-primary:hover{background-color:#d1c4e2} .table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#d1c4e2} .table-secondary,.table-secondary>td,.table-secondary>th{background-color:#dddfe2} .table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#c0c4c8} .table-hover .table-secondary:hover{background-color:#cfd2d6} .table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#cfd2d6} .table-success,.table-success>td,.table-success>th{background-color:#c0f0eb} .table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#89e3da} .table-hover .table-success:hover{background-color:#abebe4} .table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#abebe4} .table-info,.table-info>td,.table-info>th{background-color:#c1e2fc} .table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#8cc8f9} .table-hover .table-info:hover{background-color:#a9d7fb} .table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#a9d7fb} .table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeca} .table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#ffdf9c} .table-hover .table-warning:hover{background-color:#ffe6b1} .table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe6b1} .table-danger,.table-danger>td,.table-danger>th{background-color:#fec8e1} .table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#fe98c8} .table-hover .table-danger:hover{background-color:#feafd3} .table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#feafd3} .table-light,.table-light>td,.table-light>th{background-color:#fff} .table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fff} .table-hover .table-light:hover{background-color:#f2f2f2} .table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#f2f2f2} .table-dark,.table-dark>td,.table-dark>th{background-color:#cecece} .table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#a4a4a4} .table-hover .table-dark:hover{background-color:#c1c1c1} .table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#c1c1c1} .table-active,.table-active>td,.table-active>th{background-color:#fdfdfd} .table-hover .table-active:hover{background-color:#f0f0f0} .table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:#f0f0f0} .table .thead-dark th{color:#fff;background-color:#696969;border-color:#5d5d5d} .table .thead-light th{color:#495057;background-color:#f3f3f3;border-color:#e9e9e9} .table-dark{color:#fff;background-color:#696969} .table-dark td,.table-dark th,.table-dark thead th{border-color:#5d5d5d} .table-dark.table-bordered{border:0} .table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)} .table-dark.table-hover tbody tr:hover{color:#fff;background-color:#886ab5} @media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}} @media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}} @media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}} @media (max-width:1398.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}} .table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch} .table-responsive>.table-bordered{border:0} .form-control{display:block;width:100%;height:calc(1.47em + 1rem + 2px);padding:.5rem .875rem;font-size:.8125rem;font-weight:400;line-height:1.47;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #e5e5e5;border-radius:4px;-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out} .form-control::-ms-expand{background-color:transparent;border:0} .form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057} .form-control:focus{color:#495057;background-color:#fff;border-color:#886ab5;outline:0;-webkit-box-shadow:0 0 0 .2rem transparent;box-shadow:0 0 0 .2rem transparent} .form-control::-webkit-input-placeholder{color:#868e96;opacity:1} .form-control::-moz-placeholder{color:#868e96;opacity:1} .form-control:-ms-input-placeholder{color:#868e96;opacity:1} .form-control::-ms-input-placeholder{color:#868e96;opacity:1} .form-control::placeholder{color:#868e96;opacity:1} .form-control:disabled,.form-control[readonly]{background-color:#f3f3f3;opacity:1} input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none} select.form-control:focus::-ms-value{color:#495057;background-color:#fff} .form-control-file,.form-control-range{display:block;width:100%} .col-form-label{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.47} .col-form-label-lg{padding-top:calc(.75rem + 1px);padding-bottom:calc(.75rem + 1px);font-size:1rem;line-height:1.5} .col-form-label-sm{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);font-size:.75rem;line-height:1.5} .form-control-plaintext{display:block;width:100%;padding:.5rem 0;margin-bottom:0;font-size:.8125rem;line-height:1.47;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0} .form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0} .form-control-sm{height:calc(1.5em + .75rem + 2px);padding:.375rem .844rem;font-size:.75rem;line-height:1.5;border-radius:4px} .form-control-lg{height:calc(1.5em + 1.5rem + 2px);padding:.75rem 1.5rem;font-size:1rem;line-height:1.5;border-radius:4px} select.form-control[multiple],select.form-control[size]{height:auto} textarea.form-control{height:auto} .form-group{margin-bottom:1.5rem} .form-text{display:block;margin-top:.25rem} .form-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px} .form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px} .form-check{position:relative;display:block;padding-left:1.25rem} .form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem} .form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{color:#868e96} .form-check-label{margin-bottom:0} .form-check-inline{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem} .form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0} .valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#1dc9b7} .valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.3rem .6rem;margin-top:.1rem;font-size:.75rem;line-height:1.47;color:#fff;background-color:#1dc9b7;border-radius:5px} .is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block} .form-control.is-valid,.was-validated .form-control:valid{border-color:#1dc9b7;padding-right:calc(1.47em + 1rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%231dc9b7' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.3675em + .25rem) center;background-size:calc(.735em + .5rem) calc(.735em + .5rem)} .form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#1dc9b7;-webkit-box-shadow:0 0 0 .2rem rgba(29,201,183,.25);box-shadow:0 0 0 .2rem rgba(29,201,183,.25)} .was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.47em + 1rem);background-position:top calc(.3675em + .25rem) right calc(.3675em + .25rem)} .custom-select.is-valid,.was-validated .custom-select:valid{border-color:#1dc9b7;padding-right:calc(.75em + 2.625rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .875rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%231dc9b7' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.875rem/calc(.735em + .5rem) calc(.735em + .5rem)} .custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#1dc9b7;-webkit-box-shadow:0 0 0 .2rem rgba(29,201,183,.25);box-shadow:0 0 0 .2rem rgba(29,201,183,.25)} .form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#1dc9b7} .form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block} .custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#1dc9b7} .custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#1dc9b7} .custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#37e2d0;background-color:#37e2d0} .custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{-webkit-box-shadow:0 0 0 .2rem rgba(29,201,183,.25);box-shadow:0 0 0 .2rem rgba(29,201,183,.25)} .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#1dc9b7} .custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#1dc9b7} .custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#1dc9b7;-webkit-box-shadow:0 0 0 .2rem rgba(29,201,183,.25);box-shadow:0 0 0 .2rem rgba(29,201,183,.25)} .invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#fd3995} .invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.3rem .6rem;margin-top:.1rem;font-size:.75rem;line-height:1.47;color:#fff;background-color:#fd3995;border-radius:5px} .is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block} .form-control.is-invalid,.was-validated .form-control:invalid{border-color:#fd3995;padding-right:calc(1.47em + 1rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd3995' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fd3995' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.3675em + .25rem) center;background-size:calc(.735em + .5rem) calc(.735em + .5rem)} .form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#fd3995;-webkit-box-shadow:0 0 0 .2rem rgba(253,57,149,.25);box-shadow:0 0 0 .2rem rgba(253,57,149,.25)} .was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.47em + 1rem);background-position:top calc(.3675em + .25rem) right calc(.3675em + .25rem)} .custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#fd3995;padding-right:calc(.75em + 2.625rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .875rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd3995' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fd3995' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.875rem/calc(.735em + .5rem) calc(.735em + .5rem)} .custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#fd3995;-webkit-box-shadow:0 0 0 .2rem rgba(253,57,149,.25);box-shadow:0 0 0 .2rem rgba(253,57,149,.25)} .form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#fd3995} .form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block} .custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#fd3995} .custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#fd3995} .custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#fe6bb0;background-color:#fe6bb0} .custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{-webkit-box-shadow:0 0 0 .2rem rgba(253,57,149,.25);box-shadow:0 0 0 .2rem rgba(253,57,149,.25)} .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#fd3995} .custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#fd3995} .custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#fd3995;-webkit-box-shadow:0 0 0 .2rem rgba(253,57,149,.25);box-shadow:0 0 0 .2rem rgba(253,57,149,.25)} .form-inline{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .form-inline .form-check{width:100%} @media (min-width:576px){.form-inline label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}} .btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.5rem 1.125rem;font-size:.8125rem;line-height:1.47;border-radius:4px;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out} .btn:hover{color:#212529;text-decoration:none} .btn.focus,.btn:focus{outline:0;-webkit-box-shadow:0 0 0 .2rem transparent;box-shadow:0 0 0 .2rem transparent} .btn.disabled,.btn:disabled{opacity:.65} .btn:not(:disabled):not(.disabled){cursor:pointer} a.btn.disabled,fieldset:disabled a.btn{pointer-events:none} .btn-primary{color:#fff;background-color:#886ab5;border-color:#886ab5} .btn-primary:hover{color:#fff;background-color:#7453a6;border-color:#6e4e9e} .btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#7453a6;border-color:#6e4e9e;-webkit-box-shadow:0 0 0 .2rem rgba(154,128,192,.5);box-shadow:0 0 0 .2rem rgba(154,128,192,.5)} .btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#886ab5;border-color:#886ab5} .btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#6e4e9e;border-color:#684a95} .btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{-webkit-box-shadow:0 0 0 .2rem rgba(154,128,192,.5);box-shadow:0 0 0 .2rem rgba(154,128,192,.5)} .btn-secondary{color:#fff;background-color:#868e96;border-color:#868e96} .btn-secondary:hover{color:#fff;background-color:#727b84;border-color:#6c757d} .btn-secondary.focus,.btn-secondary:focus{color:#fff;background-color:#727b84;border-color:#6c757d;-webkit-box-shadow:0 0 0 .2rem rgba(152,159,166,.5);box-shadow:0 0 0 .2rem rgba(152,159,166,.5)} .btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#868e96;border-color:#868e96} .btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#666e76} .btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{-webkit-box-shadow:0 0 0 .2rem rgba(152,159,166,.5);box-shadow:0 0 0 .2rem rgba(152,159,166,.5)} .btn-success{color:#fff;background-color:#1dc9b7;border-color:#1dc9b7} .btn-success:hover{color:#fff;background-color:#18a899;border-color:#179c8e} .btn-success.focus,.btn-success:focus{color:#fff;background-color:#18a899;border-color:#179c8e;-webkit-box-shadow:0 0 0 .2rem rgba(63,209,194,.5);box-shadow:0 0 0 .2rem rgba(63,209,194,.5)} .btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#1dc9b7;border-color:#1dc9b7} .btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#179c8e;border-color:#159184} .btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{-webkit-box-shadow:0 0 0 .2rem rgba(63,209,194,.5);box-shadow:0 0 0 .2rem rgba(63,209,194,.5)} .btn-info{color:#fff;background-color:#2196f3;border-color:#2196f3} .btn-info:hover{color:#fff;background-color:#0c83e2;border-color:#0c7cd5} .btn-info.focus,.btn-info:focus{color:#fff;background-color:#0c83e2;border-color:#0c7cd5;-webkit-box-shadow:0 0 0 .2rem rgba(66,166,245,.5);box-shadow:0 0 0 .2rem rgba(66,166,245,.5)} .btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#2196f3;border-color:#2196f3} .btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#0c7cd5;border-color:#0b75c9} .btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{-webkit-box-shadow:0 0 0 .2rem rgba(66,166,245,.5);box-shadow:0 0 0 .2rem rgba(66,166,245,.5)} .btn-warning{color:#212529;background-color:#ffc241;border-color:#ffc241} .btn-warning:hover{color:#212529;background-color:#ffb61b;border-color:#ffb20e} .btn-warning.focus,.btn-warning:focus{color:#212529;background-color:#ffb61b;border-color:#ffb20e;-webkit-box-shadow:0 0 0 .2rem rgba(222,170,61,.5);box-shadow:0 0 0 .2rem rgba(222,170,61,.5)} .btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc241;border-color:#ffc241} .btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#ffb20e;border-color:#ffae01} .btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{-webkit-box-shadow:0 0 0 .2rem rgba(222,170,61,.5);box-shadow:0 0 0 .2rem rgba(222,170,61,.5)} .btn-danger{color:#fff;background-color:#fd3995;border-color:#fd3995} .btn-danger:hover{color:#fff;background-color:#fd1381;border-color:#fc077a} .btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#fd1381;border-color:#fc077a;-webkit-box-shadow:0 0 0 .2rem rgba(253,87,165,.5);box-shadow:0 0 0 .2rem rgba(253,87,165,.5)} .btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#fd3995;border-color:#fd3995} .btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#fc077a;border-color:#f40274} .btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{-webkit-box-shadow:0 0 0 .2rem rgba(253,87,165,.5);box-shadow:0 0 0 .2rem rgba(253,87,165,.5)} .btn-light{color:#212529;background-color:#fff;border-color:#fff} .btn-light:hover{color:#212529;background-color:#ececec;border-color:#e6e6e6} .btn-light.focus,.btn-light:focus{color:#212529;background-color:#ececec;border-color:#e6e6e6;-webkit-box-shadow:0 0 0 .2rem rgba(222,222,223,.5);box-shadow:0 0 0 .2rem rgba(222,222,223,.5)} .btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#fff;border-color:#fff} .btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#e6e6e6;border-color:#dfdfdf} .btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{-webkit-box-shadow:0 0 0 .2rem rgba(222,222,223,.5);box-shadow:0 0 0 .2rem rgba(222,222,223,.5)} .btn-dark{color:#fff;background-color:#505050;border-color:#505050} .btn-dark:hover{color:#fff;background-color:#3d3d3d;border-color:#363636} .btn-dark.focus,.btn-dark:focus{color:#fff;background-color:#3d3d3d;border-color:#363636;-webkit-box-shadow:0 0 0 .2rem rgba(106,106,106,.5);box-shadow:0 0 0 .2rem rgba(106,106,106,.5)} .btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#505050;border-color:#505050} .btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#363636;border-color:#303030} .btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{-webkit-box-shadow:0 0 0 .2rem rgba(106,106,106,.5);box-shadow:0 0 0 .2rem rgba(106,106,106,.5)} .btn-outline-primary{color:#886ab5;border-color:#886ab5} .btn-outline-primary:hover{color:#fff;background-color:#886ab5;border-color:#886ab5} .btn-outline-primary.focus,.btn-outline-primary:focus{-webkit-box-shadow:0 0 0 .2rem rgba(136,106,181,.5);box-shadow:0 0 0 .2rem rgba(136,106,181,.5)} .btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#886ab5;background-color:transparent} .btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#886ab5;border-color:#886ab5} .btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{-webkit-box-shadow:0 0 0 .2rem rgba(136,106,181,.5);box-shadow:0 0 0 .2rem rgba(136,106,181,.5)} .btn-outline-secondary{color:#868e96;border-color:#868e96} .btn-outline-secondary:hover{color:#fff;background-color:#868e96;border-color:#868e96} .btn-outline-secondary.focus,.btn-outline-secondary:focus{-webkit-box-shadow:0 0 0 .2rem rgba(134,142,150,.5);box-shadow:0 0 0 .2rem rgba(134,142,150,.5)} .btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#868e96;background-color:transparent} .btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#868e96;border-color:#868e96} .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{-webkit-box-shadow:0 0 0 .2rem rgba(134,142,150,.5);box-shadow:0 0 0 .2rem rgba(134,142,150,.5)} .btn-outline-success{color:#1dc9b7;border-color:#1dc9b7} .btn-outline-success:hover{color:#fff;background-color:#1dc9b7;border-color:#1dc9b7} .btn-outline-success.focus,.btn-outline-success:focus{-webkit-box-shadow:0 0 0 .2rem rgba(29,201,183,.5);box-shadow:0 0 0 .2rem rgba(29,201,183,.5)} .btn-outline-success.disabled,.btn-outline-success:disabled{color:#1dc9b7;background-color:transparent} .btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#1dc9b7;border-color:#1dc9b7} .btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{-webkit-box-shadow:0 0 0 .2rem rgba(29,201,183,.5);box-shadow:0 0 0 .2rem rgba(29,201,183,.5)} .btn-outline-info{color:#2196f3;border-color:#2196f3} .btn-outline-info:hover{color:#fff;background-color:#2196f3;border-color:#2196f3} .btn-outline-info.focus,.btn-outline-info:focus{-webkit-box-shadow:0 0 0 .2rem rgba(33,150,243,.5);box-shadow:0 0 0 .2rem rgba(33,150,243,.5)} .btn-outline-info.disabled,.btn-outline-info:disabled{color:#2196f3;background-color:transparent} .btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#2196f3;border-color:#2196f3} .btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{-webkit-box-shadow:0 0 0 .2rem rgba(33,150,243,.5);box-shadow:0 0 0 .2rem rgba(33,150,243,.5)} .btn-outline-warning{color:#ffc241;border-color:#ffc241} .btn-outline-warning:hover{color:#212529;background-color:#ffc241;border-color:#ffc241} .btn-outline-warning.focus,.btn-outline-warning:focus{-webkit-box-shadow:0 0 0 .2rem rgba(255,194,65,.5);box-shadow:0 0 0 .2rem rgba(255,194,65,.5)} .btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc241;background-color:transparent} .btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc241;border-color:#ffc241} .btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{-webkit-box-shadow:0 0 0 .2rem rgba(255,194,65,.5);box-shadow:0 0 0 .2rem rgba(255,194,65,.5)} .btn-outline-danger{color:#fd3995;border-color:#fd3995} .btn-outline-danger:hover{color:#fff;background-color:#fd3995;border-color:#fd3995} .btn-outline-danger.focus,.btn-outline-danger:focus{-webkit-box-shadow:0 0 0 .2rem rgba(253,57,149,.5);box-shadow:0 0 0 .2rem rgba(253,57,149,.5)} .btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#fd3995;background-color:transparent} .btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#fd3995;border-color:#fd3995} .btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{-webkit-box-shadow:0 0 0 .2rem rgba(253,57,149,.5);box-shadow:0 0 0 .2rem rgba(253,57,149,.5)} .btn-outline-light{color:#fff;border-color:#fff} .btn-outline-light:hover{color:#212529;background-color:#fff;border-color:#fff} .btn-outline-light.focus,.btn-outline-light:focus{-webkit-box-shadow:0 0 0 .2rem rgba(255,255,255,.5);box-shadow:0 0 0 .2rem rgba(255,255,255,.5)} .btn-outline-light.disabled,.btn-outline-light:disabled{color:#fff;background-color:transparent} .btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#fff;border-color:#fff} .btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{-webkit-box-shadow:0 0 0 .2rem rgba(255,255,255,.5);box-shadow:0 0 0 .2rem rgba(255,255,255,.5)} .btn-outline-dark{color:#505050;border-color:#505050} .btn-outline-dark:hover{color:#fff;background-color:#505050;border-color:#505050} .btn-outline-dark.focus,.btn-outline-dark:focus{-webkit-box-shadow:0 0 0 .2rem rgba(80,80,80,.5);box-shadow:0 0 0 .2rem rgba(80,80,80,.5)} .btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#505050;background-color:transparent} .btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#505050;border-color:#505050} .btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{-webkit-box-shadow:0 0 0 .2rem rgba(80,80,80,.5);box-shadow:0 0 0 .2rem rgba(80,80,80,.5)} .btn-link{font-weight:400;color:#886ab5;text-decoration:none} .btn-link:hover{color:#967bbd;text-decoration:underline} .btn-link.focus,.btn-link:focus{text-decoration:underline} .btn-link.disabled,.btn-link:disabled{color:#868e96;pointer-events:none} .btn-group-lg>.btn,.btn-lg{padding:.75rem 1.5rem;font-size:1rem;line-height:1.5;border-radius:4px} .btn-group-sm>.btn,.btn-sm{padding:.375rem .844rem;font-size:.75rem;line-height:1.5;border-radius:4px} .btn-block{display:block;width:100%} .btn-block+.btn-block{margin-top:.5rem} input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%} .fade{-webkit-transition:opacity .15s linear;transition:opacity .15s linear} .fade:not(.show){opacity:0} .collapse:not(.show){display:none} .collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease} .dropdown,.dropleft,.dropright,.dropup{position:relative} .dropdown-toggle{white-space:nowrap} .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent} .dropdown-toggle:empty::after{margin-left:0} .dropdown-menu{position:absolute;top:100%;left:0;z-index:2000;display:none;float:left;min-width:10rem;padding:.3125rem 0;margin:.125rem 0 0;font-size:.8125rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:0 solid rgba(0,0,0,.15);border-radius:4px} .dropdown-menu-left{right:auto;left:0} .dropdown-menu-right{right:0;left:auto} @media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}} @media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}} @media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}} @media (min-width:1399px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}} .dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem} .dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent} .dropup .dropdown-toggle:empty::after{margin-left:0} .dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem} .dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid} .dropright .dropdown-toggle:empty::after{margin-left:0} .dropright .dropdown-toggle::after{vertical-align:0} .dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem} .dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""} .dropleft .dropdown-toggle::after{display:none} .dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent} .dropleft .dropdown-toggle:empty::after{margin-left:0} .dropleft .dropdown-toggle::before{vertical-align:0} .dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto} .dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #f3f3f3} .dropdown-item{display:block;width:100%;padding:.75rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0} .dropdown-item:focus,.dropdown-item:hover{color:#6e4e9e;text-decoration:none;background-color:#f8f9fa} .dropdown-item.active,.dropdown-item:active{color:#563d7c;text-decoration:none;background-color:#efebf5} .dropdown-item.disabled,.dropdown-item:disabled{color:#868e96;pointer-events:none;background-color:transparent} .dropdown-menu.show{display:block} .dropdown-header{display:block;padding:.3125rem 1.5rem;margin-bottom:0;font-size:.75rem;color:#868e96;white-space:nowrap} .dropdown-item-text{display:block;padding:.75rem 1.5rem;color:#212529} .btn-group,.btn-group-vertical{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle} .btn-group-vertical>.btn,.btn-group>.btn{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto} .btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1} .btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1} .btn-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start} .btn-toolbar .input-group{width:auto} .btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px} .btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0} .btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0} .dropdown-toggle-split{padding-right:.84375rem;padding-left:.84375rem} .dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0} .dropleft .dropdown-toggle-split::before{margin-right:0} .btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.633rem;padding-left:.633rem} .btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:1.125rem;padding-left:1.125rem} .btn-group-vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} .btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%} .btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px} .btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0} .btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0} .btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0} .btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none} .input-group{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%} .input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;min-width:0;margin-bottom:0} .input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px} .input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3} .input-group>.custom-file .custom-file-input:focus{z-index:4} .input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0} .input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0} .input-group>.custom-file{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0} .input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0} .input-group-append,.input-group-prepend{display:-webkit-box;display:-ms-flexbox;display:flex} .input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2} .input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3} .input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px} .input-group-prepend{margin-right:-1px} .input-group-append{margin-left:-1px} .input-group-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.5rem .875rem;margin-bottom:0;font-size:.8125rem;font-weight:400;line-height:1.47;color:#495057;text-align:center;white-space:nowrap;background-color:#f3f3f3;border:1px solid #e5e5e5;border-radius:4px} .input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0} .input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(1.5em + 1.5rem + 2px)} .input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.75rem 1.5rem;font-size:1rem;line-height:1.5;border-radius:4px} .input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.5em + .75rem + 2px)} .input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.375rem .844rem;font-size:.75rem;line-height:1.5;border-radius:4px} .input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.875rem} .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0} .input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0} .custom-control{position:relative;display:block;min-height:1.19437rem;padding-left:1.625rem} .custom-control-inline{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem} .custom-control-input{position:absolute;left:0;z-index:-1;width:1.125rem;height:1.15969rem;opacity:0} .custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#6e4e9e;background-color:#7a59ad} .custom-control-input:focus~.custom-control-label::before{-webkit-box-shadow:0 0 0 .2rem transparent;box-shadow:0 0 0 .2rem transparent} .custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#967bbd}