/* Generated by less 2.5.1 */ /* Start Source Sans Font */ /*@font-face { font-family: 'source_sans_pro'; src: url('../fonts/SourceSansPro-Bold-webfont.eot'); src: url('../fonts/SourceSansPro-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Bold-webfont.woff') format('woff'), url('../fonts/SourceSansPro-Bold-webfont.ttf') format('truetype'), url('../fonts/SourceSansPro-Bold-webfont.svg#source_sans_probold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'source_sans_pro'; src: url('../fonts/SourceSansPro-Light-webfont.eot'); src: url('../fonts/SourceSansPro-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Light-webfont.woff') format('woff'), url('../fonts/SourceSansPro-Light-webfont.ttf') format('truetype'), url('../fonts/SourceSansPro-Light-webfont.svg#source_sans_prolight') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'source_sans_pro'; src: url('../fonts/SourceSansPro-Regular-webfont.eot'); src: url('../fonts/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Regular-webfont.woff') format('woff'), url('../fonts/SourceSansPro-Regular-webfont.ttf') format('truetype'), url('../fonts/SourceSansPro-Regular-webfont.svg#source_sans_proregular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Roboto_Regular'; src: url('../fonts/Roboto-Regular-webfont.eot'); src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular-webfont.woff') format('woff'), url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'), url('../fonts/Roboto-Regular-webfont.svg#source_sans_proregular') format('svg'); font-weight: 400; font-style: normal; } */ /* Base Width-Height Styles ================== */ /* @font-face { font-family: 'shivaji01normal'; src: url('../fonts/shivaji01.woff2') format('woff2'), url('../fonts/shivaji01.woff') format('woff'); font-weight: normal; font-style: normal; } */ @font-face { font-family: 'nunito_sansregular'; src: url('../fonts/nunitosans-regular-webfont.woff2') format('woff2'), url('../fonts/nunitosans-regular-webfont.woff') format('woff'); font-weight: 400; font-style: normal; } /* Ajit Added style*/ ul.nav.mr-auto.justify-content-end>li>a>label{display: none;} .sub_menu_record_manage_1{display: none;} li a:hover + .sub_menu_record_manage_1{display: block;} /* End */ /* page up and down css ajit 21-12-2020 */ .nav_up{ padding:7px; border:1px solid #1c92a6; position:fixed; background:#fff url(../images/arrow_up_1.png) no-repeat top left; background-position:50% 50%; width:20px; height:20px; bottom:40px; right:20px; white-space:nowrap; cursor: pointer; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -khtml-border-top-left-radius:3px; -khtml-border-top-right-radius:3px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); } .nav_down{ padding:7px; border:1px solid #1c92a6; position:fixed; background:#fff url(../images/arrow_down_1.png) no-repeat top left; background-position:50% 50%; width:20px; height:20px; bottom:40px; right:42px; white-space:nowrap; cursor: pointer; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -khtml-border-top-left-radius:3px; -khtml-border-top-right-radius:3px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); } /* end */ body {font-family: 'nunito_sansregular'; height: 100%;background:#fff; color:#4c5667; border-right:solid 1px #f1f1f1;}/* font-family:'Nunito Sans', sans-serif; */ article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {display: block;} audio, canvas, progress, video {display: inline-block;vertical-align: baseline;} audio:not([controls]) {display: none;height: 0;} a {background-color: transparent;text-decoration: none; outline: none !important;color:#1c92a6;} a:hover{background-color: transparent;text-decoration: none;} a:active, a:hover { background:none; text-decoration:none;outline: none !important;} h1,h2,h3,h4,h5,h6,p,ul,ol{ margin:0px; padding:0px;} .glyphicon{color: #1c92a6;} .fa {font-size:16px;} .fa-1x {font-size: 1.4em !important;} h4{ font-size:24px;} h5{ font-size:20px;} h6{ font-size:14px;} .font_size13 {font-size: 13px !important;} .blue-background {background: #00acec !important;} .green-background {background: #49bf67 !important;} .orange-background {background: #ff9900 !important;} .purple-background {background: #9564e2 !important;} .red-background {background:#f34541 !important;} .muted-background {background: #999999 !important;} .brown-background {background:#8d6e63 !important;} .pink-background{background:#ce00be !important;} .yellow-background{background:#ffd300 !important;} .light-green-background{background:#9dca13 !important;} .container-fluid{padding-right:7px !important;padding-left: 8px !important;} .round_bg_wd38{background: #eceff1; width: 38px; height: 38px; line-height: 33px; display: table-cell; text-align: center; border-radius:4px; vertical-align: middle; box-shadow: 1px 1px 2px 1px #ccc;} .round_bg_wd38:hover{background:#1c92a6; color: #eceff1;} .round_bg_wd120{width: 120px; margin:7.5px; height: 120px; color: #afb1b3; font-size: 13px; background: #eceff1; font-weight: 600; text-align: center; border-radius: 100px; padding-top: 15px; } .round_bg_wd120 .fa{color: #1c92a6; font-size: 48px; font-weight: 100; padding-bottom: 4px;} .bgE0E0E0{ background:#E0E0E0 !important;} .bgECEFF1{ background:#ECEFF1 !important;} .textcolor_1c92a6{ color:#1c92a6 !important;} .textcolor_4c5667{ color:#4c5667;} .txt_white{ color:#fff !important;} .colortxt-red{color:#ff0000;} .colortxt-green{color:#06b382;} .colortxt-purple{color:#4a57ff;} .colortxt-blue{color:#179bc1;} .colortxt-yellow{color:#f1b100;} .colortxt-pink{color:#ff6d8a;} .colortxt-brown{color:#b74400;} ul li { list-style:none;} .overflow_inherit{overflow:inherit !important;} .display-flex{ display:flex;} /*padding-left:7px !important; padding-right:7px !important; */ /* .display-flexbrdr1{ padding-left:0px !important; padding-right:0px !important; border:solid 1px #ddd; margin:0 7.5px;} */ .clear_both{ clear:both !important;} u{ text-decoration: inherit;} .R-T2{top: 2px;position: relative;} .wd100percent{ width:100% !important;} .width_auto{width:auto !important;} .wd50{ width:50px !important;} .w-50 { width:50px;} .wd70{width:70px !important;} .wd80{width:80px !important;} .wd90{width:90px !important;} .wd100{width:100px !important;} .wd120{width:120px !important;} .wd178{ width:178px;} .wd198{width:198px !important;} .ht100{height:100px !important;} .ht50 {min-height:50px !important;} .max_ht_wid {max-width: 100%;height: auto !important;} .b-L-R-0{ border-left:0px !important; border-right:0px !important;} .R5{right:5px;} .L15 {left:15px !important;} .L5 {left:5px !important;} .pd-t-0{padding-top:0px !important;} .pd-t-7{padding-top:7px !important;} .pd-t-15{padding-top:15px !important;} .pd-b-0{padding-bottom:0px !important;} .pdLR-0{ padding-left:0px !important; padding-right:0px !important;} .pdLR-7{ padding-left:7.5px !important; padding-right:7.5px !important;} .pd-L-0{ padding-left:0px !important;} .pd-R-0{ padding-right:0px !important;} .display-tablecell{ display:table-cell;} .pd-R15{ padding-right:15px !important;} .pd-R20{ padding-right:20px !important;} .pd-L-5{ padding-left:5px !important;} .pd-L-10{ padding-left:10px !important;} .pd-L15{ padding-left:15px !important;} .pd-L21{ padding-left:21px !important;} .pd-L30{ padding-left:30px !important;} .pd-L60{ padding-left:60px !important;} .mrgnauto{ margin:0px auto;} .M-LR-0{ margin-left:0px !important; margin-right:0px !important;} .M-L-15{margin-left:15px !important;} .M-L40{margin-left:40px !important;} .m-b0{ margin-bottom:0px !important;} .m-b1{ margin-bottom:1px !important;} .M-b-2{ margin-bottom:2px !important;} .M-b-8{ margin-bottom:8px !important;} .M-b-15{ margin-bottom:15px !important;} .M-b-19{ margin-bottom:19px !important;} .M-b-20{ margin-bottom:20px !important;} .M-b-22{ margin-bottom:22px !important;} .M-b-23{ margin-bottom:23px !important;} .M-b-26{ margin-bottom:26px !important;} .M-b-30{ margin-bottom:30px !important;} .M-b-38{ margin-bottom:38px !important;} .M-b-43{ margin-bottom:43px !important;} .mt-0{ margin-top:0px !important;} .mt-2{ margin-top:2px !important;} .mt-30{ margin-top:30px !important;} .M-R-0{ margin-right:0px !important;} .M-R-4{ margin-right:4px !important;} .M-R20{ margin-right:20px !important;} .M-R38{ margin-right:38px !important;} .m-t-30{ margin-top:30px !important;} .M-t-15{ margin-top:15px !important;} .M-t-130{ margin-top:130px !important;} .M-t-b-10{ margin-top:10px !important; margin-bottom:10px !important;} .M-t-b-20{ margin-top:20px !important; margin-bottom:20px !important;} .Mtb-0{ margin-top:0px !important; margin-bottom:0px !important;} .vertical_align_middle{vertical-align: middle !important;} .rounded-circle{ border-radius:100%;} .relative{ position:relative !important;} .nopadding {padding:0px;} .breackline{ border-top: dotted 1px #1c92a6;padding-top: 15px; margin-top:0px;padding-right: 14px;} .displaynone{ display:none;} .display_block{ display:block;} .form-group{ margin-bottom:0px !important;} .absolute{position:absolute !important;} .relative{position:relative !important;} .position_inherit{position:inherit !important;} .user_img-radius{border-radius:100%;} .border-none{border:none !important;} .border-top_none{border-top:none !important;} /******************************** end Button Style *******************************************/ .green-bg{ background:#00c851 !important;} .red-bg{ background:#ce0012 !important;} .blue-bg{ background:#4285f4 !important;} .yellow-bg{ background:#f80 !important;} .firoz-bg{ background:#009ac8 !important;} .brown-bg{ background:#483b3b !important} .button-sm {outline: none;-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); text-decoration:none; background: #1c92a6;border: solid 2px #1c92a6;border-radius:2px;padding: 6px 10px;min-width: 130px;margin:0 7px;color: #fff;font-size: 14px;text-align: center;} .button-sm:hover{transition: .5s all;-webkit-transition: .5s all;-moz-transition: .5s all;-o-transition: .5s all;-ms-transition: .5s all;outline: none;color:#1c92a6; background:#fff; text-decoration:none; cursor:pointer; -webkit-box-shadow: 0px 8px 12px 1px rgba(0,0,0,.16), 0 8px 12px 0 rgba(0,0,0,.12);box-shadow: 0px 8px 12px 1px rgba(0,0,0,.16), 0 8px 12px 0 rgba(0,0,0,.12);} .button-xs { outline: none;-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); text-decoration:none; background: #1c92a6;border: solid 1px #1c92a6;border-radius:2px;padding:4px 26px; margin:0 7px;color: #fff;font-size: 14px;text-align: center;} .button-xs:hover{transition: .5s all;-webkit-transition: .5s all;-moz-transition: .5s all;-o-transition: .5s all;-ms-transition: .5s all;outline: none;color:#1c92a6; background:#fff; text-decoration:none; cursor:pointer; -webkit-box-shadow: 0px 8px 12px 1px rgba(0,0,0,.16), 0 8px 12px 0 rgba(0,0,0,.12);box-shadow: 0px 8px 12px 1px rgba(0,0,0,.16), 0 8px 12px 0 rgba(0,0,0,.12);} .button-icon-lg { outline: none;-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); display: inline-block; text-decoration: none; background: #1c92a6;border: solid 2px #1c92a6; border-radius:2px;padding:2px 10px; margin:2px 0px 4px 10px; color: #fff;font-size:12px;text-align: center;} .button-icon-lg:hover{transition: .5s all;-webkit-transition: .5s all;-moz-transition: .5s all;-o-transition: .5s all;-ms-transition: .5s all;outline: none;-webkit-box-shadow: 0px 8px 12px 1px rgba(0,0,0,.16), 0 8px 12px 0 rgba(0,0,0,.12);box-shadow: 0px 8px 12px 1px rgba(0,0,0,.16), 0 8px 12px 0 rgba(0,0,0,.12);color:#1c92a6; background:#fff; text-decoration:none; cursor:pointer;} .button-icon-lg .fa{color:#cecece; padding-right:5px;} .button-icon-md {outline: none; -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); display: inline-block; text-decoration:none; background: #1c92a6;border: solid 2px #1c92a6;border-radius:2px;padding:5px 8px;margin:2px 4px 2px 4px;color: #fff;font-size:14px;text-align: center;cursor:pointer;} .button-icon-md:hover{transition: .5s all;-webkit-transition: .5s all;-moz-transition: .5s all;-o-transition: .5s all;-ms-transition: .5s all; outline: none;-webkit-box-shadow: 0px 8px 12px 1px rgba(0,0,0,.16), 0 8px 12px 0 rgba(0,0,0,.12);box-shadow: 0px 8px 12px 1px rgba(0,0,0,.16), 0 8px 12px 0 rgba(0,0,0,.12);color:#1c92a6 !important; background:#fff; text-decoration:none; } .button-icon-md .fa{color:#fff; padding-right:5px;} .button-icon-md:hover .fa{ color:#1c92a6;} .button-icon-sm { font-weight: 700;outline: none;-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); min-width:100px; display: inline-block; text-decoration:none; background: #ffffff; border: dashed 1px #fff;border-radius:0px; padding:6px 4px 4px 4px;margin:4px 2px;color: #fff; font-size:13px;text-align: center;} .button-icon-sm:hover{transition: .5s all;-webkit-transition: .5s all;-moz-transition: .5s all;-o-transition: .5s all;-ms-transition: .5s all;outline: none;-webkit-box-shadow: 0px 8px 12px 1px rgba(0,0,0,.16), 0 8px 12px 0 rgba(0,0,0,.12); box-shadow: 0px 8px 12px 1px rgba(0,0,0,.16), 0 8px 12px 0 rgba(0,0,0,.12);color:#fff !important; background:#1c92a6; text-decoration:none; cursor:pointer; opacity: 0.7;} .button-icon-sm .fa{color:#fff !important; padding-right:3px; font-size:14px;} .button-icon-sm_white{ font-weight: 700;outline: none;-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); display: inline-block; text-decoration:none; border-radius:0px; padding:6px 15px 4px 15px;margin:4px 2px; font-size: 13px;text-align: center; background: #fdfdfd;color: #1c92a6;border: dashed 1px #1c92a6;} .button-icon-sm_white:hover{transition: .5s all;-webkit-transition: .5s all;-moz-transition: .5s all;-o-transition: .5s all;-ms-transition: .5s all;background:#1c92a6;color:#fff ;border: dashed 1px #fff;} .button-icon-xs_white{font-weight:500;outline: none; display: inline-block; text-decoration:none; border-radius:2px; padding:1px 6px 1px 6px;margin:0px 1px; font-size:12px;text-align: center; background: #fdfdfd;color: #1c92a6;border: dashed 1px #1c92a6;} .button-icon-xs_white:hover{transition: .5s all;-webkit-transition: .5s all;-moz-transition: .5s all;-o-transition: .5s all;-ms-transition: .5s all;background:#1c92a6;color:#fff ;border: dashed 1px #fff;} .button-icon-xs_white .fa{color:#1c92a6 !important; } .button-icon-xs_white:hover .fa{ color:#fff !important;} .th-button-icon-sm{font-weight:600;outline: none; display: block;text-decoration: none;border-radius: 0px; padding:5px 15px 4px 7px;font-size: 13px;text-align: left;background: #f1f1f1;color:#4c5667 !important;} .th-button-icon-sm:hover{transition: .5s all;-webkit-transition: .5s all;-moz-transition: .5s all;-o-transition: .5s all;-ms-transition: .5s all;background:#1c92a6;color:#fff !important;} .button-icon-xs { outline: none;display: inline-block;text-decoration: none;background: #1c92a6;border: solid 1px #1c92a6;border-radius: 2px;padding: 4px 8px; margin: 2px 4px 2px 4px;color: #fff;font-size: 12px;text-align: center;cursor: pointer;letter-spacing: 1px; /* text-transform: uppercase; */} .button-icon-xs:hover{transition: .5s all;-webkit-transition: .5s all;-moz-transition: .5s all;-o-transition: .5s all;-ms-transition: .5s all;outline: none;-webkit-box-shadow: 0px 8px 12px 1px rgba(0,0,0,.16), 0 8px 12px 0 rgba(0,0,0,.12); box-shadow: 0px 8px 12px 1px rgba(0,0,0,.16), 0 8px 12px 0 rgba(0,0,0,.12);color:#1c92a6 !important; background:#fff; text-decoration:none; } .button-icon-xs .fa{color:#fff; font-size:12px;} .button-icon-xs:hover .fa{ color:#1c92a6;} .button-icon-xl {outline: none;border: dashed 1px rgb(28, 146, 166);padding: 0px 0px 0px 0px;margin: 9px 0px 8px 0px;border-radius: 2px;font-size: 12px;} .button-icon-xl:hover {transition: .5s all;-webkit-transition: .5s all;-moz-transition: .5s all;-o-transition: .5s all;-ms-transition: .5s all;box-shadow: 0px 4px 8px 0px #d0d0d0;background: #eceff1;color: #fff;} .button-icon-xl strong{padding: 5px 0px 0px 0px;background: #eceff1;margin-right: 5px;color: #1c92a6;border-right: dashed 1px #1c92a6;width: 30px;display: inline-block;text-align: center;margin-top: 0px;height: 28px;vertical-align: middle;} .button-icon-xl .fa-download{ border-left: dashed 1px #1c92a6;padding-left: 9px;padding-right: 9px;padding-top: 6px;padding-bottom: 7px;margin-top: 0px;font-size: 16px;} .button-icon-xl .fa-download:hover{ background: #1c92a6;color: #fff;} .button-double-icon-sm{outline: none; display: inline-block; text-decoration:none; background: #ffffff;border: dashed 1px #1c92a6;border-radius:0px;padding:3px 4px 2px 4px;margin:2px 4px;color: #1c92a6;font-size: 12px; text-align: center;} .button-double-icon-sm:hover{transition: .5s all;-webkit-transition: .5s all;-moz-transition: .5s all;-o-transition: .5s all;-ms-transition: .5s all;color:#1c92a6; background:#eceff1; text-decoration:none; cursor:pointer;} .button-double-icon-sm .fa{color:#cecece; padding-right:3px; font-size:14px;} .list-button-md{position: relative; } .list-button-md:hover{color: #4c5667; transition: .5s all;-webkit-transition: .5s all;-moz-transition: .5s all;-o-transition: .5s all;-ms-transition: .5s all;} .list-text-button-md{outline: none;color: #4c5667; position: absolute; font-weight: 700; text-transform: uppercase; display: table; top: -4px; left: 38px;} .list-item{ position: relative; padding: 8px 15px 9px 32px; border: 1px solid #EEEEEE; border-top-left-radius: 15px; border-bottom-left-radius: 15px;} .list-item:before{ color: #4c5667; content: "\f0c1"; font-family: FontAwesome; font-size: 12px; position: absolute; left: 4px; top: 3px; height: 22px; text-align: center; width: 22px; border: solid 1px #1c92a6; background: #ffff; border-radius: 100px; padding: 2px 3px;} .list-item:hover{ background:#F9F9F9; border: 1px solid #EEEEEE;} /******************************** end Button Style *******************************************/ /*********************** start terms-and-conditions page ********************/ .teamscond-bg{ color:#3C4858; position:absolute; left:50%; top:50%; margin-left:-400px; margin-top:-263px; background-color: #FFFFFF; vertical-align:middle; padding:15px 15px;width:800px;border-radius: 6px;background: #fff; box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);} .teamscond-bg h1{font-size:30px;text-align:center;color:#1c92a6;font-weight:700;padding:15px 0px 0px 0;} .teamscond-bg h4{text-align:center;color:#4c5667;font-size:14px;font-weight:500;padding:8px 0px 20px 0;} .teamscond-bg .tabbable-panel{ margin-top:20px;} .teamscond-bg .tab-line { height: 2px; background: #ECEFF1; width:80%; margin: 0 auto; } .teamscond-bg .nav.nav-tabs {border-bottom: none; background: none; background-color: inherit; position: relative; top: -26px; width:488px; margin: 0 auto;} .teamscond-bg .nav-tabs>li{ margin:0 20px;} .teamscond-bg .nav-tabs>li>a{ text-align: center;padding: 12px;font-size: 14px;text-transform: uppercase;border-radius: 100px;cursor: pointer;font-weight: 500; background:#ECEFF1; width:200px; color: #4c5667;} .teamscond-bg .nav-tabs>li>a:hover{ background:#e0e0e0 !important; color:#1c92a6 !important;} .teamscond-bg .nav-tabs>li.active>a{ background:#1c92a6; color:#fff;} .teamscond-bg .nav-tabs>li.active:after { content: " "; position: absolute; left: 46%; opacity: 1; margin: 0 auto; bottom: 0px; border: 10px solid transparent; border-bottom-color: #1c92a6; top:52px; } .teamscond-bg .tab-content{padding:15px 15px 0px 15px;border-top:solid 1px #ccc; margin-left:15px; margin-right:15px;} .teamscond-bg h6{color:#1c92a6; font-size:16px; font-weight:600; margin-bottom:10px;} .teamscond-bg p{color:#4c5667; font-size:13px; font-weight:500; } /*********************** end terms-and-conditions page ********************/ /*********************** start login & forgot page ********************/ .loginMain { display: table; width:400px; height:318px; padding:15px 30px;box-shadow:inset 0px 0px 35px 0px #cacaca; background: #ffffff;margin:100px auto;} .loginbox {border-radius: 5px;padding: 0 0 0px 0; width: 300px;margin: 0px auto;} .login-logo{ text-align:center; margin-bottom:20px;} .back-tologin { border: solid 1px #fff; text-align: center; color: #1c92a6; font-size: 12px; padding: 6px 10px 6px 0px; margin:15px auto 0px auto; text-decoration: none; float: left; } .back-tologin:hover { color: #ccc; text-decoration:none; } .back-tologin .fa-angle-right { color: #1c92a6; background: #ffffff; font-size: 10px; width: 16px; height: 16px; border-radius: 100px; padding-top: 2px; padding-left: 2px; margin-right: 1px; border: solid 0.5px #1c92a6; } .textfield {margin-top: 8px; border: 0px none; background: none; font-size: 14px; /* color: #a7a7a1;#4c5667 #191918*/ color: #4c5667; outline: none; width:100%; height:30px; padding:0 10px 0 25px; } .bordBot { height:48px; border:solid 1px #1c92a6; position: relative; margin-bottom: 15px;border-radius:3px;padding:0px 10px 0 20px;} .lockBot {height:48px; padding:0px 20px;border:solid 1px #1c92a6; position:relative; border-radius:3px;} .forgot_paswdlinput{margin-top: 82px;} .userIcn { background: url(../img/user.png) center top no-repeat; width: 20px; height: 21px; position: absolute; top: 12px; left: 15px; } .lockIcn { background: url(../img/lock.png) center top no-repeat; width: 20px; height: 20px; position: absolute; top: 12px; left: 15px; } .emailIcn { background: url(../img/mail.png) center top no-repeat; width: 21px; height: 21px; position: absolute; top: 14px; left: 15px; } a.forgt { color: #1c92a6; font-size: 13px; margin: 12px 0 30px 0; text-decoration: none; float:left; } .signInBtn { background: #1c92a6; margin:14px 0px 0 22px; border: solid 1px #1c92a6; float: right; width: 32%; font-size: 12px; color: #fff; padding: 7px 0px; border-radius: 2px; outline: none; display: block; text-transform: uppercase; letter-spacing: 2px; } .signInBtn:hover, .signInBtn:active, .signInBtn:focus { color: #1c92a6; background: #fff; outline: none; } .Compatible-browsers { color: #fff; font-size: 10px; min-width: 750px; text-align: center; margin: 0px auto 0 auto; display:table; padding:15px 0; } .Compatible-browsers h5 { font-size:12px; margin-bottom: 4px; } .forgot-msg { display: inline-block; position: absolute; border: 1px solid #1c92a6; text-decoration: none; border-radius: 0px; padding: 4px 6px; top: -61px; left: 0px; right: 0px; text-align: left; line-height: 13px; background: #1c92a6; color: #ffffff; font-size: 11px; } .forgot-msg::before{ content: ''; display: block; position: absolute; left: 10%; bottom: -13px; /* border-radius: 0px 0px 17px 91px; */ width: 0; height: 0; border: 7px solid transparent; border-top-color: #1c92a6; border-left-color: #1c92a6;} .forgot-msg::after { opacity: 0; content: '';display: block; position: absolute; right: 10px;bottom:-15px;width: 0;height: 0;border: 7px solid transparent;border-top-color:#1c92a6;border-right-color:#1c92a6;} .forgot_paswdlink{ font-size: 13px; margin-top: 7px;display: table;font-weight: 500;} .login-errors{ display: inline-block; position: relative; border: 1px solid #dc0202; text-decoration: none; border-radius: 38px; padding: 5px 13px; top: -10px; left: 26px; right: 0px; text-align: left; line-height: 13px; background: #ffffff; color: #dc0202; font-size: 12px; } .login-errors::before{ content: ''; display: block; position: absolute; left: 10%; bottom: -21px; /* border-radius: 0px 0px 17px 91px; */ width: 0; height: 0; border: 10px solid transparent; border-top-color: #dc0202; /* border-left-color: #dc0202; */ } /*********************** end login & forgot page ********************/ /******************************* Start Header *******************************/ .header {border-bottom: solid 1px #fff; height:40px;/*box-shadow: rgb(191, 190, 190) 0px 0px 4px;*/ background: #1c92a6;position:fixed;width:100%;z-index:9;} .nav-pills .nav-link.active, .nav-pills .show > .nav-link{background-color: #17A2B8;} .header .dropdown-menu{ top:43px; right:-8px; left: unset; width:300px; /* box-shadow: 0px 5px 7px -1px #c1c1c1; */ padding: 0px 0 0px 0;} .dropdown-menu:before{ content: ""; width: 15px; height: 15px; transform: rotate(225deg) !important; -webkit-transform: rotate(225deg) !important; top: -7px; right:8px; border: 1px solid; background: white; border-color: transparent #d6d6d6 #d9d9d9 transparent; position:absolute;} ul.userAct-list{ margin:0px; padding:0px 15px 0 0px;} ul.userAct-list li{ float:left; margin:0px 6px; padding:0px;} .head-usersearch{ margin:0px 25px; display:inline-block; color: #1c92a6; position:relative;} .head-usersearch .fa{ cursor: pointer;color: #fff; font-size:24px;} .head-usersearch ul li{ float:none; } .header .head-usersearch .dropdown-menu{ width:230px; right: -32px; top:30px;} .search-box .custom-search-select-style .btn-primary{ width:500px; height:47px;font-size: 20px;} .search-box { position: relative; width:500px; } .search { width:500px; max-width:0; padding:0px; transition: all 0.5s ease; position:absolute; box-sizing:border-box; opacity:0; right: -108px; top:-13px; } .search.expanded { max-width:500px; opacity:1; } .search-icon { top:-3px; position: absolute; left:80px;} .header .head-usersearch .search-box .dropdown-menu { width: 500px; right: 0px; top: 43px; } ul.userAct-list li .head-usersetting a{ margin:9px 0px; display:inline-block; color: #1c92a6;} ul.userAct-list li .head-usersetting .fa{ color: #fff !important; font-size:20px; margin-left: 4px;} ul.userAct-list li .head-usersetting .fa-book{ color: #fff !important; font-size:18px; margin-top: 2px;} .notification-box-main{display: block !important; margin-top:0px; padding-left: 0px !important; padding-right: 0px !important;} .notification-box{padding: 10px 0px; } .notification-box-main ul li ul li.head{ margin: 0px; padding:4px 5px; border-bottom:solid 1px #ccc;} .notification-box-main ul li ul li.head a{ color: #4c5667;text-align: right;float: right;padding: 0px;text-decoration: none;} .notification-box-main ul li ul li.head a:hover{color: #1c92a6;} .notification-box-main ul li{ border-bottom:solid 1px #ccc; width: 100%;margin: 0px;} .notification-box-main ul li ul li:hover{ background:#f5f5f5;} .notification-box-main ul li.notific-view-all{margin: 0px;width:100%;} .notification-box-main ul li.notific-view-all a{margin-left: 0px; background: #1c92a6; border: solid 1px #1c92a6; padding: 5px; text-align: center; font-size: 12px; font-weight: 600; color: #fff; letter-spacing: 1px;} .notification-box-main ul li a{ padding:10px 20px 11px 0;} .notification-box-main ul li.notific-view-all a:hover{ color:#1c92a6; background:#fff;} .notification-box-main ul li:first-child{ border-bottom:none} .notification-box-main ul li:last-child{ border-bottom:none} .notification-box .notifi-pic{ display: table-cell; padding:4px 0px 4px 8px;} .notification-box .notifi-pic .fa-bell{color: #1c92a6; background: #fff; padding: 6px; border: solid 1px #1c92a6; border-radius: 100px;} .notification-box .notifi-txt{ display: table-cell; padding:4px 8px; vertical-align: top;} .notification-box .notifi-txt div{ font-size:11px;} .notification-box-main ul li a .fa-bell { color:#fff;font-size:18px; margin-left:4px;} .notification-box-main ul li a .fa-bullhorn { color:#fff;font-size:20px; margin-left: 4px;} .notification-box .notifi-pic .fa-bullhorn{color: #1c92a6; background: #fff; padding: 6px; border: solid 1px #1c92a6; border-radius: 100px;} .nav>li>a:hover{ background:none !important;} .nav .open>a{background:none !important;} .notification-box-main ul li a .notif-cer{ position:absolute; /* left: 13px; */ top: 6px;background: #e00000; color: #fff;font-size: 9px;padding:2px 0 0 0;/* width: 14px; */ width: auto; height: 14px;vertical-align: bottom;text-align: center;} .notification-box ul.nav li.nav-item a:hover{ background:none;} .notification-box-main .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{ background-color: rgba(0, 0, 0, 0);} .user-prfpic-main .box img{ padding:6px 0;} .user-prfpic-main .change-imagebtn a{ text-align: center; text-decoration:none; background:#1c92a6;color: #fff;padding:5px;font-size: 12px;margin: 0px 0px 8px 0px; display: block;} .user-prfpic-main .user-prfpic img{ width:28px; height:28px; display: inline-block; border-radius: 100px; border:solid 2px #fff;background: #fff;} .user-prfpic-main ul li h4{color: #1c92a6; font-weight: 600; padding: 0px 8px 3px 3px; margin-bottom: 0px; font-size:14px; width: 167px; border-bottom: dashed 1px #ccc;} .user-prfpic-main ul li h5{ color: #828282; font-weight: 600; margin-top: 0px; padding: 8px 0px 8px 0px; margin-bottom: 28px; font-size:14px;} .sign-out{ position: absolute; right: 7px; bottom: 7px;} .sign-out a{ position: relative; background: #1c92a6; border: solid 1px #1c92a6; border-radius: 0px; padding: 15px 10px 13px 34px; margin: 0 0px 0 0px; color: #fff; font-size: 14px; text-align: center; line-height: 0px !important; display: inline-flex !important; text-transform: uppercase;} .sign-out .fa{ line-height: 0px; top: 14px; left: 15px; position: absolute;} .sign-out a:hover{color:#1c92a6; background:#fff; text-decoration:none; cursor:pointer;} .user-prfpic-main.navbar-nav>li>a{ padding: 5px 2px 4px 6px; color: #fff; letter-spacing: 0.5px; font-size: 12px; /* width: 138px; */ text-align: right;} .select-language{} .select-language .btn-group.open .dropdown-toggle {-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.125);box-shadow: inset 0px 0px 0px rgba(0,0,0,.125);} .select-language .fa-globe{margin:9px 2px 11px 1px; font-size:20px; cursor:pointer; color:#fff;} .select-language .dropdown-menu{ background: #fff;width: 100px;min-width: 100px;top: 40px;border-radius: 0px;right: -8px;} .select-language .dropdown-menu li{ border-bottom:1px solid rgba(54, 64, 74, 0.08); margin: 0px; float: none;} .select-language .dropdown-menu li:last-child{ border-bottom:none;} .select-language .dropdown-menu li a{color: #4c5667; padding: 5px 8px; font-size: 12px; letter-spacing: 0.8px;} /******************************* End Header *******************************/ /****************************** sart SideBar **********************************/ .sidebar-collapsed .sidebar-menu{width:83px; }/* min-height: 1318px !important; */ .sidebar-collapsed-back .sidebar-menu{ width: 240px;} .sidebar-collapsed .sidebar-icon:before{font: normal normal 26px/0 FontAwesome; font-size: 26px;color: #fff;content: "\f0c9";} .sidebar-collapsed-back .sidebar-icon:before{border: none;color: #fff;font-size: 26px;font: normal normal 26px/0 FontAwesome; content: "\f00d";} .sidebar-collapsed .logo{padding:0px 0px; /* height:136px;*/box-sizing: border-box; transition: all 1000ms ease-in-out; transition-delay: 900ms;} .sidebar-collapsed-back .logo{ width: 100%; padding:0px 0px; /* height: 136px; */ box-sizing: border-box;transition: all 1000ms ease-in-out;} .sidebar-icon{position: absolute;text-align: center;line-height: 1;right: -38px;top:18px;background-clip: padding-box;} .sidebar-collapsed #logo{display: block;background-color: #fff;border-left:solid 1px #f1f1f1; border-top:solid 1px #f1f1f1; background: url(../img/logo-v.png) no-repeat center #fff;height:38px; opacity: 1; transition: all 800ms ease-in-out;} .sidebar-collapsed-back #logo{-webkit-transition: 300ms; -moz-transition: 300ms;-o-transition: 300ms; transition: 300ms; background: url(../img/logo.png) no-repeat center center #fff;height: 38px; display: block;opacity: 1;transition: all 300ms ease-in-out; transition-delay: 300ms;} .sidebar-collapsed-back #menu li a { padding: 11px 5px 11px 2px;} .sidebar-collapsed #menu span{/*opacity:0;*/ display:none;transition: all 50ms linear;} .sidebar-collapsed-back #menu span{margin-left:10px; color:#dedede;opacity:1; transition: all 200ms linear; transition-delay: 300ms;} .sidebar-menu{position: absolute; /* position: fixed; */ float: left; width: 240px;top: 0; left: 0; bottom: 0;background-color:#303e45; color: #aaabae; border-right: solid 2px #1c92a6;z-index:99999; /* box-shadow: 1px 50px 3px 1px #4c566747; */} #menu{list-style: none; margin:10px 0 20px 0;padding: 0;} #menu li { position: relative; margin: 0 0 0px 0;padding: 0;} #menu li a {border-left:2px solid #455A64; font-size: 11.5px;letter-spacing:0.5px;text-transform: uppercase; font-style: normal;font-weight: 400; display: block;padding:3px 5px 5px 2px;z-index: 2;} #menu ul li a{text-align:left !important; height: auto; border-left:none; font-size: 12px; padding:6px 0px 6px 20px !important;text-transform: capitalize;letter-spacing: 0.5px;} #menu ul li a:hover{background: #fff;border-left:none;} #menu ul li:before{color:#4c5667;content: "\f101";font-family: FontAwesome;font-size:14px;position: absolute;left:7px; top:3px;} #menu li a:hover{border-left:2px solid #1c92a6;color:#4c5667;background:#455A64; transition:color 250ms ease-in-out, background-color 250ms ease-in-out;} #menu li.active > a{background: #fff;background-color:#fff;color:#4c5667;} #menu ul li{height: auto; border-bottom: solid 1px #e7eaec !important;background: #f5f5f5;} #menu ul {list-style-type: none;margin: 0; padding: 0;} #menu li ul.issue_tracker_ul{top:-118px;} #menu li ul.issue_tracker_ul:before{ top:134px;} #menu li ul.projects-ulmenu{ top: -191px;} #menu li ul.projects-ulmenu:before{ top:211px;} #menu li li ul.projectmanagement_menu_inner{ top:-93px; width:233px; left:100%;} #menu li li ul.projectmanagement_menu_inner:before{top:104px !important; left: -5px !important; transform: rotate(132deg) !important; -webkit-transform: rotate(132deg) !important;} #menu li ul.my_voffice_ul{top:-75px;} #menu li ul.my_voffice_ul:before{ top:94px;} #menu li ul.my_voffice_ul_sales{ top: -312px;} #menu li ul.my_voffice_ul_sales:before{ top:331px;} ul.record:before{ bottom:0px;} #menu li ul.sub_menu_record_manage:before{ top:21px;} #menu li ul {width:220px;z-index:999;position: absolute;visibility: hidden;left:100%;top:0px;border:solid 1px #ccc; background: #f5f5f5;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);opacity: 0;transition: opacity 0.1s linear;} #menu li ul:before{ content: ""; width:8px;/* border-radius: 5px; */height:8px;/* transform: rotate(225deg) !important; */-webkit-transform: rotate(495deg) !important;top:17px;left: -3px;border: 1px solid;background:#f5f5f5; border-color: transparent #ccc #ccc transparent;position: absolute;} #menu li:hover > ul {background: #fff;visibility: visible;opacity: 1;border-left:none;} #menu-academico-sub li a{color: #1c92a6; padding:6px 10px;} #menu li li ul {left:220px;visibility: hidden;top: -1px;opacity: 0;transition: opacity 0.1s linear;} #menu li li:hover ul {visibility: visible;opacity: 1;} #menu .fa-angle-right{ right: 6px;position: absolute !important;top:18px;} ul.sub_menu li .fa-angle-double-right{ font-size:16px; color: #4c5667; right: 6px;position: absolute !important;top:8px;} ul.sub_menu_inner:before{ top:101px !important;left: -4px !important;} .menu_icon{ display: inline-block;vertical-align: middle;} .menu_icontitle{width:180px; vertical-align:middle; display:inline-block;} .icon-title{ font-size: 9px; color: #fff; margin-top: 4px; display: block !important; position: inherit !important; font-weight: 700; } .icon-title .fa-circle{ font-size: 6px !important; cursor: pointer; letter-spacing:4px;} .sidebar-collapsed-back .icon-title{display: none !important;} .sidebar-collapsed #menu li a{text-align: center;} /****************************** sart SideBar **********************************/ /****************************** sart SideBar **********************************/ /* .scroll_menu { margin-bottom: 0px !important; min-width:inherit !important;position:fixed !important;top:40px;z-index: 99;height: 100%; width:460px; margin-right: inherit !important;} */ /* .sidebar-collapsed .sidebar-menu{width:83px; } .sidebar-collapsed-back { width:460px;} .scroll_menu .sidebar-collapsed-back { width:460px;} .sidebar-collapsed-back .sidebar-icon { background-color: inherit; left: 124px; text-align: right; top: -100px; height: auto; width: 259px; padding: 0px; -webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg); transform: rotate(90deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;} .sidebar-menu{position:relative;float: left; width:240px; top:0px;left: 0; bottom: 0;background-color:#303e45; color: #aaabae; border-right: solid 2px #1c92a6;z-index:99999; box-shadow: 1px 50px 3px 1px #4c566747;} .sidebar-collapsed .sidebar-icon:before{font: normal normal 22px/0 FontAwesome; font-size: 22px;color: #fff;content: "\f0c9";} .sidebar-collapsed-back .sidebar-icon:before{ border: none;color: #fff;font-size: 22px;font: normal normal 22px/0 FontAwesome; content: "\f00d";}content: "\f00d"; .sidebar-collapsed .logo{position:fixed; z-index:9999;left: 0px;top: 0px;width: 86px;padding:0px 0px; height:136px;box-sizing: border-box; transition: all 1000ms ease-in-out; transition-delay: 900ms;} .sidebar-collapsed-back .logo{position: fixed;z-index: 9999;left:0px;top:0px; width:228px; width:100%; padding:0px 0px;height: 136px; box-sizing: border-box;transition: all 1000ms ease-in-out;} .sidebar-icon{position: absolute; text-align: left; line-height: 1; left: 86px; top: 0px; background-clip: padding-box; background-color: #1c92a6; width: 230px; height: 100%; padding-top: 16px; padding-left: 13px;} .sidebar-collapsed #logo{display: block;background-color: #fff; background: url(../img/logo-v.png) no-repeat center #fff;height:39px; opacity: 1; transition: all 8ms ease-in-out;} .sidebar-collapsed-back #logo{transition: all 300ms ease-in-out; transition-delay: 300ms;-webkit-transition: 900ms; -moz-transition: 900ms; -o-transition: 900ms; transition: 900ms; background: url(../img/logo.png) no-repeat center center #fff;height:39px; display: block;opacity: 1;} .sidebar-collapsed #menu span{opacity:0; display:none;transition: all 50ms linear;} .sidebar-collapsed-back #menu span{margin-left:10px; color:#dedede;opacity:1; transition: all 200ms linear;transition-delay: 300ms;} #menu{list-style: none; margin:0px 0 0 0;padding: 0;margin-bottom:240px;} #menu li { height:46px; position: relative; margin: 0 0 0px 0;padding: 0;} #menu li a {height: 46px;border-left:2px solid #455A64; font-size: 11.5px;letter-spacing:0.5px;text-transform: uppercase; font-style: normal;font-weight: 400; display: block;padding:3px 5px 5px 2px;z-index: 2;} #menu ul li a{text-align:left !important; height: auto; border-left:none; font-size: 12px; padding:6px 0px 6px 20px;text-transform: capitalize;letter-spacing: 0.5px;} #menu ul li a:hover{background: #fff;border-left:none;} #menu ul li:before{color:#4c5667;content: "\f101";font-family: FontAwesome;font-size:14px;position: absolute;left:7px; top:3px;} #menu li a:hover{border-left:2px solid #1c92a6;color:#4c5667;background:#455A64; transition:color 250ms ease-in-out, background-color 250ms ease-in-out;} #menu li.active > a{background: #fff;background-color:#fff;color:#4c5667;} #menu ul li{height: auto; border-bottom: solid 1px #e7eaec !important;background: #f5f5f5;} #menu ul {list-style-type: none;margin: 0; padding: 0;} #menu li ul.issue_tracker_ul{top:-118px;} #menu li ul.issue_tracker_ul:before{ top:134px;} #menu li ul.projects-ulmenu:before{ top:156px;} #menu li li ul.projectmanagement_menu_inner{ top: 100%;left: 18px;} #menu li li ul.projectmanagement_menu_inner:before{ top:-5px !important; left: 173px !important;transform: rotate(225deg) !important;-webkit-transform: rotate(225deg) !important; } #menu li ul.my_voffice_ul{top:-75px;} #menu li ul.my_voffice_ul:before{ top:94px;} ul li .fa-angle-double-down{font-size:16px; color:#4c5667; right:6px; position:absolute !important; top:8px;} #menu li li ul.sub_menu_inner:before {top: -5px !important;left: 173px !important; transform: rotate(225deg) !important;-webkit-transform: rotate(225deg) !important;} #menu li ul.my_voffice_ul_sales{top:-314px;} #menu li ul.my_voffice_ul_sales:before{ top: 92.2%;} #menu li ul {width:220px;z-index:999;position: absolute;visibility: hidden;left:100%;top:0px;border:solid 1px #ccc; background: #f5f5f5;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);opacity: 0;transition: opacity 0.1s linear;} #menu li ul:before{ content: ""; width:8px;border-radius: 5px;height:8px;transform: rotate(225deg) !important;-webkit-transform: rotate(225deg) !important;top:17px;left: -3px;border: 1px solid;background:#f5f5f5; border-color: transparent #ccc #ccc transparent;position: absolute;} #menu li:hover > ul {background: #fff;visibility: visible;opacity: 1;border-left:none;} #menu-academico-sub li a{color: #1c92a6; padding:6px 10px;} #menu li li ul {left:0px;visibility: hidden;top:100%;opacity: 0;transition: opacity 0.1s linear;} #menu li li:hover ul {visibility: visible;opacity: 1;} #menu .fa-angle-right{ right: 6px;position: absolute !important;top:18px;} ul.sub_menu li .fa-angle-double-right{ font-size:16px; color: #4c5667; right: 6px;position: absolute !important;top:8px;} ul li .fa-angle-double-down{ font-size:16px; color: #4c5667; right: 6px;position: absolute !important;top:8px;} ul.sub_menu_inner:before{ top: 14px !important;left: -4px !important;} .menu_icon{ display: inline-block;vertical-align: middle;} .menu_icontitle{width:180px; vertical-align:middle; display:inline-block;} .icon-title{font-size: 9px; color: #fff;margin-top: 4px;display: block !important; position: inherit !important;font-weight: 700;} .sidebar-collapsed-back .icon-title{display: none !important;} .sidebar-collapsed #menu li a{text-align: center;} ***************************** sart SideBar ********************************* */ .sidebar-collapsed-back .right-panel {border-left:solid 240px #303e45;} .right-panel{padding-top: 26px;padding-bottom:15px;/* float: right; */width:100%; height:100%; border-left:solid 82px #303e45; /* padding-left:82px; */} .right-panel .page-title-box{ height:34px; /* box-shadow: 0px -1px 1px 1px #efefef; */ border: 1px solid rgba(54, 64, 74, 0.08); padding: 2px 10px 3px 10px; margin-left:7px;margin-right:7px; line-height: 14px; background:#fff;margin-top: 0px;margin-bottom:8px;} .right-panel .page-title-box h4.page-title{line-height:16px;font-size: 15px;font-weight: 600;float: left;color: #1c92a6;margin-right: 9px;} .right-panel .page-title-box .breadcrumb{height:22px; padding:0px; background:none;margin-bottom: 0px;} .right-panel .page-title-box .breadcrumb li a{ font-size:13px;} .right-panel .page-title-box .breadcrumb li a .fa-home{font-size:18px; color: #1c92a6;} .right-panel .page-title-box .breadcrumb li a:hover{ text-decoration:none; color:#777; } .right-panel .page-title-box .breadcrumb li.breadcrumb-item { margin-top:3px;font-size:13px; color:#4c5667;} .right-panel .page-title-box .breadcrumb li.breadcrumb-item-right{ float:right;} .right-panel .page-title-box .breadcrumb li.breadcrumb-item-right .button-icon-md{font-size:11px !important; padding:3px 8px 2px 8px;} .right-panel .page-title-box .breadcrumb li.breadcrumb-item-right .button-icon-md .fa{font-size:12px !important;} .breadcrumb>li+li.breadcrumb-item-right:before {padding: 0 5px; color:red; content: "/\00a0"; display:none;} .card-box {box-shadow: 0px 1px 2px 1px #efefef; padding:0px 0 8px 0; border: 1px solid rgba(54, 64, 74, 0.08); -webkit-border-radius:2px; border-radius: 2px; -moz-border-radius: 2px; background-clip: padding-box; margin-bottom:15px; background-color:#fdfdfd;} .main-panel-title{ text-align: left; margin-bottom: 10px;background: #ECEFF1; font-size:16px; padding-top: 3px; line-height: 30px; color: #1c92a6; border-bottom: dashed 1px #1c92a6; text-transform: uppercase; font-weight: bold; margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; margin-top: 0px; padding-bottom:0px; letter-spacing: 0.4px;} .main-panel-title-nobg{ font-size:14px; color: #1c92a6; border: dashed 1px #1c92a6; padding:4px 15px; margin: 0px; letter-spacing: 0.4px;} .main-panel-title-md{ font-size: 16px; color: #4c5667; border-bottom: dashed 2px #1c92a6; padding: 4px 15px 4px 3px; margin: 0px; letter-spacing: 0.4px; font-weight: 700; text-transform: uppercase; background: #ffffff;} .digital_screen{box-shadow: inset 2px 2px 4px 1px #cacaca; margin-right: 20px; min-height: 34px; border-radius: 0; color: #1c92a6; padding: 8px 8px; font-size: 11px;font-weight: 500; letter-spacing: 0.7px; } .discussion-col .digital_screen{font-size: 13px !important; box-shadow: inherit; line-height: 20px; min-height: auto;} .digital_screenMD{box-shadow: inset 1px 0px 4px 1px #cacaca; border-radius: 0px; color: #1c92a6 !important; padding: 0px 20px !important; font-size: 13px !important; font-weight: 600; letter-spacing: 0.7px; vertical-align: middle !important; } .digital_screenSM{ border-radius: 0px; color: #1c92a6 !important; padding: 0px 10px !important; font-size: 13px !important; font-weight: 600; letter-spacing: 0.7px; vertical-align: middle !important; } .main-panel-title-center{ text-align:center; font-size:16px; padding-top:12px; color: #1c92a6; border-bottom: dashed 1px #1c92a6; text-transform: uppercase; font-weight: bold; display:table; margin:15px auto; padding-left: 15px; padding-right: 15px; padding-bottom:4px; letter-spacing: 0.4px;} /*********************** start Horizontal tab ********************/ .horzntl-tab1 .nav-tabs>li {margin-bottom: -2px;} .tabs nav a {position: relative; display: block; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;line-height:2.5;} .horzntl-tab1 .nav-tabs>li>a { padding:8px 55px 8px 15px; color: #1c92a6; z-index:1; position:relative;font-size:13px;} .horzntl-tab1 .nav-tabs>li>a:hover{border-color:#eee0 #eee0 #ddd0;} .horzntl-tab1 .nav-tabs>li>a::after {position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index:-1; border-bottom:inherit !important;border-radius: 5px 5px 0 0;background:#f3f3f3; content: '';-webkit-transform: perspective(5px) rotateX(0.93deg) translateZ(-1px);transform: perspective(3px) rotateX(1.5deg) translateZ(-1px);-webkit-transform-origin: 0 0; transform-origin: 0 0;-webkit-backface-visibility: hidden;backface-visibility: hidden;} .horzntl-tab1 .nav-tabs>li.active>a::after { background:#1c92a6; color:#fff !important;border: solid 1px #ff000000 !important;} .horzntl-tab1 .nav-tabs>li.tabberactive>a::after { background:#1c92a6; color:#fff !important;border: solid 1px #ff000000 !important;} .horzntl-tab1 .nav-tabs>li.active>a{color: #fff;background: inherit;border:solid 1px #ff000000 !important;} .horzntl-tab1 .nav-tabs>li.tabberactive>a{color: #fff;background: inherit;border:solid 1px #ff000000 !important;} /* .horzntl-tab1 .nav-tabs>li>a:hover{ color: #1c92a6 ;background: inherit !important; border: solid 1px #ff000000 !important;} */ .horzntl-tab1 .tab-content{ padding-top:15px;} /*********************** END Horizontal tab ********************/ /**************************************** Start table ****************************************/ .table.table-bordered { margin-bottom:10px; margin-top:0px; border: none!important; padding-left: 15px;padding-right: 15px;} .table.table-bordered thead>tr th{height:30px;padding:4px 5px !important; border-top: 1px solid #ddd !important;border-bottom: 1px solid #ddd;word-wrap: break-word; vertical-align: middle !important; font-size: 11px; letter-spacing: 0.5px; background-color: #1c92a6;color: #fff;font-weight: 600;line-height: 15px;} .tbl-th{ height:30px;padding:4px 5px !important; border-top: 1px solid #ddd !important;border-bottom: 1px solid #ddd;word-wrap: break-word; vertical-align: middle !important; font-size: 11px; letter-spacing: 0.5px; background: #1c92a6;color: #fff;font-weight: 600;line-height: 15px;} .table.table-bordered tbody>tr td{position:relative;height: 20px;color:#4c5667; font-size:12px;padding:4px 5px; word-wrap: break-word;} .tiptip-top{ margin: 0px auto; display: table;} .add-record{color: #fff; margin: 0px auto;cursor: pointer;text-align: center;text-decoration: none; padding:5px 0px 4px 0px;border-radius: 2px;background-color: #4caf50; font-size: 11px;text-transform: uppercase;display: block; width: 24px;border: solid 1px #4caf50;} .add-record .fa.fa-plus-circle{ float: none !important;} .add-record:hover{background-color:#fff; color: #4caf50;} .table.table-bordered tbody>tr td .fa.fa-plus-circle{ font-size:11px; color:#fff; } .table.table-bordered tbody>tr td .expands .fa.fa-plus-circle{ font-size:11px; color:#1c92a6; } .add-record:hover .fa-plus-circle{color:#4caf50 !important;} /* .add-record .fa-plus-circle{ font-size:11px !important; } .add-record:hover{ background:#fff; color: #4caf50;} .table.table-bordered tbody>tr td .add-record .fa.fa-plus-circle:hover{ background:#fff; color: #4caf50;} */ .tbl-serial-no{border: 0px !important; background-color: inherit !important; box-shadow: inherit !important; width:38px !important; padding: 4px 2px !important; text-align: center; height: 24px !important; font-size: 12px !important;} /* .table.table-bordered tr th.tbl-th span.requiredlabel{ position:relative;left:3px;top:0px;} .table.table-bordered tr th.tbl-th span{ position:relative;left: -12px;top:-1px;} */ /*.table.table-bordered tr th.tbl-th span .fa-angle-up{ position:absolute; top:0px; left:0px; font-size:11px;} .table.table-bordered tr th.tbl-th span .fa-angle-down{ position:absolute; top:6.5px; left:0px; font-size:11px;} */ .table.table-bordered thead>tr th.sorting{ padding:7px 15px 6px 5px;} .table.table-bordered tbody>tr td .form-control.customs-form-input{width:100%; margin-bottom:0px !important;} .table.table-bordered tbody>tr td.td_btm0 .form-control.customs-form-input{ margin-bottom:15px !important;} .table.table-bordered tbody>tr td .roleSpan{background: #eceff1;padding: 3px 15px;color: #1c92a6;border-radius: 41px;margin:0px 3px; border: double 4px #fff;display: inline-block;box-shadow: inset 1px 1px 2px 1px #ccc;} .table.table-bordered tbody>tr td .form-control.textareas { margin-bottom:0px;padding:2px 5px;} /* .table.table-bordered thead>tr th span{ position:relative;left: -12px;top:-1px;} */ .table.table-bordered thead>tr th span{ position:relative;left:0px;top:-1px;} /* .table.table-bordered thead>tr th span .fa-angle-up{ position:absolute; top:0px; left:0px; font-size:11px;} .table.table-bordered thead>tr th span .fa-angle-down{ position:absolute; top:6.5px; left:0px; font-size:11px;} .table.table-bordered.th-font11 thead>tr th{ font-size: 12px; font-weight: 500;} .table.table-bordered .table.table-bordered>tbody>tr td:nth-child(2){ padding-left:32px;} */ .table.table-bordered tbody>tr td .docype-editbtn{ margin: 7px 15px;vertical-align: top;} .table.table-bordered tbody>tr td .span_doc{ float:left;} .table.table-bordered tbody>tr td .fa{ font-size:16px; color: #1c92a6; display:inline; margin-right:2px;} .table.table-bordered tbody>tr td .fa-trash{ font-size:16px;margin-right:4px;} .table.table-bordered tbody>tr td span.add-new-task-below img{ vertical-align:top;margin-right: 4px;} .table.table-bordered tbody>tr td span.add-new-child-task-below img{vertical-align:top;margin-right: 4px;} .table.table-bordered tbody>tr td .fa-trash{ color:#1c92a6; } .table.table-bordered tbody tr.collapse.in{ background: #fff;color:#98a6ad;} .table.table-bordered.table_alternate_bgnone>tbody>tr:nth-of-type(odd){ background-color:#fff0 !important;} .table.table-bordered.table_alternate_bgnone>tbody>tr:nth-child(even) {background:#fbfbfb00 !important;} .table.table-bordered>tbody>tr:nth-of-type(odd){ background-color:#fbfbfb00 !important;} .table.table-bordered>tbody>tr:nth-child(even) {background:#fbfbfb;} .table-thbtn.table>tbody>tr>th{ padding:0px 0px;} .table-thbtn.table>tbody>tr>td{ padding:0px 0px;} .table.table-bordered tbody>tr td input[type=file]{width:150px; margin-right: 12px;} .table.table-bordered tbody>tr td .chosen-container{width:100% !important;} .table.table-bordered tbody>tr td a.clearlink:before{ left:inherit; top:9px;z-index:1;} .tabldata-mubrdtl .name{ margin-bottom:0px; font-size:12px; font-weight:400; color:#1c92a6; width:60px;} .tabldata-mubrdtl .usrname{margin-bottom:0px; font-size:12px; font-weight:400; color:#1c92a6; width:60px;} .tabldata-mubrdtl .emlid{margin-bottom:0px; font-size:12px; font-weight:400; color:#1c92a6; width:60px;} .pagination{margin-right: 15px !important; margin-top: 0px !important;margin-bottom: 0px !important;float: right;} .previous{margin-left: 0; border-top-left-radius: 4px;border-bottom-left-radius: 4px;} .pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{color:#fff; background-color: #1c92a6; border-color: #ccc;} .paginate_button strong{ float: left;border-radius: 100px; padding: 5px 10px; margin-left: -1px; line-height: 1.42857143; color: #fff; text-decoration: none; background-color: #1c92a6; border: 1px solid #ddd; font-size: 12px;} .paginate_button a{ float: left;border-radius: 100px; padding: 5px 10px; margin-left: -1px; line-height: 1.42857143; color: #1c92a6; text-decoration: none; background-color: #fff; border: 1px solid #ddd; font-size: 12px;} .print-table tbody tr td{ padding:4px 6px; font-size:12px;} .print-table tbody tr td:first-child{ padding-top:4px; padding-bottom:0px; border-left:0px; border-right: solid 1px #ddd; text-align:right;background: #eceff1;color: #1c92a6; font-size: 12px;font-weight: 600; letter-spacing: 0.5px;} .print-table tbody tr td:last-child {letter-spacing:0.5px; border-left:0px; border-right:0px;} .button-icon-sm-group { border-right: solid 1px #ddd !important; border-bottom: none !important; background: #fbfbfb !important; text-align: left !important;} .print-table-row{ margin-bottom:30px;border-top: solid 1px #ddd;border-bottom: solid 1px #ddd;padding-top: 15px;padding-bottom: 15px;} .table.table-bordered tbody>tr td .dispDiv .fa-reply{color:#fff;} .documentshhd{vertical-align:top; padding:0 15px 0 0; width: 32%; } .documentshhd-right{vertical-align:top; padding:0 0px 0 0; width: 68%;} .print-table .dms-tbl-tl{ float:left; font-size:16px; padding:5px 0; font-weight:600;} .print-table-row-single tr td{background: #fdfdfd;text-align: center;} .print-table-row-single tr td:first-child{background: #fdfdfd !important;} .document-views img{ max-width:100%;padding: 0px 9px;} .doc_view{ padding:0px !important;} .full-screen {cursor: pointer;font-size: 13px;margin: 0px 0px 0 4px;padding: 0px 7px 0px 7px;display: inline-block;border-radius: 2px;height: 30px;text-transform: capitalize; font-weight: 600;} .full-screen a{border: solid 1px #1c92a6;color:#fff; padding:3px 11px 2px 11px;background:#1c92a6;} .full-screen a:hover{color:#1c92a6 ; background:#fff;} .full-screen a .fa-arrows-alt{ background: #fff;color:#1c92a6; padding:4px 6px;border-radius: 2px;border: solid 1px #1c92a6;} .full-screen a .fa-minus{ background: #fff;color:#1c92a6; padding: 4px 6px;border-radius: 2px;border: solid 1px #1c92a6;} .full-screen a:hover .fa-arrows-alt{background:#1c92a6 ;color:#fff;} .full-screen a:hover .fa-minus{background:#1c92a6 ;color:#fff;} .dms-filenme{ margin-bottom:6px;} .dms-filenme span{ margin-right:3px; margin-left:3px;} /* .dms-table.table.table-bordered tbody>tr td:last-child{ text-align:center;} .dms-table .btn-group.show-on-hover .dropdown-toggle{ cursor:pointer; margin-left: 6px;} .dms-table .dropdown-menu li a{ font-size:12px; color:#4c5667;padding-right:6px; padding-left:6px;} .dms-table .dropdown-menu li a img{ margin-right:6px;} .dms-table .dropdown-menu{ padding-top: 11px;right: -7px;left: inherit;top: 21px;} .dms-table .btn-group.open .dropdown-toggle {-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.125);box-shadow: inset 0 0px 0px rgba(0,0,0,.125);} .dms-table .show-on-hover:hover > ul.dropdown-menu {display: block; } */ /* .dms.table.table-bordered thead>tr th{text-align:center !important; vertical-align: middle !important;} .dms.table.table-bordered tbody>tr td{text-align:center; padding:4px 4px;} .vertical-table{border: none !important; width: 100.1%;} .vertical-table tbody tr td:first-child{ width:48%; border-top:none !important; } .vertical-table tbody tr td:last-child{ width:52%; text-align: left; border-top:none !important;}*/ .table-border-none tbody tr td{border-top: none !important;} /* .portlet1-content .table.table-bordered thead>tr th{display:none;} */ .datatabl-dsplyrecord{ display: inline-block; margin-bottom: 0px;text-align: center;background: #fff;font-size: 12px; color: #1c92a6;padding:2px 6px 1px 6px;border: solid 1px #ccc;border-radius: 2px;} /**************************************** Start table ****************************************/ /* .table-responsive{ overflow-y: hidden;overflow-x: auto;} */ .custom-anchor-icon i{ font-size:16px; margin-right:4px; margin-left:2px; margin-bottom:10px;} .custom-anchor-icon a{ color:#1c92a6; text-decoration:none; font-size:12px;} .custom-anchor-icon a:hover{ text-decoration:none; color:#000;} .i-filter { position: absolute; top: -5px; right: -42px; margin-bottom: 0px; margin-top: 5px; margin-right: 1px; display: block; border: solid 1px #e6e7e8; border-radius: 50px; background: #1c92a6; width: 32px; border-bottom: none; text-align: center; vertical-align: middle; height: 32px; padding-top: 7px; } .i-filter_title{float: right; position: absolute; right: 56px; top: 0px; font-weight: 600; font-size: 14px; /* color: #4c5667; */ color: #4c5667; /* text-transform: uppercase; */ line-height: 34px; letter-spacing: 1px;} .i-filter .fa-filter{ color:#fff;} .exportlinks{ color: #1c92a6; display: inline-block; border: solid 1px #1c92a6; border-radius: 0px 0px 3px 3px; background: #eceff1; border-top: none; padding: 6px 8px 4px 8px; font-size: 12px; margin-top: -10px;} .exportlinks .fa-file-excel-o{ color:#217346; margin:1px 3px;font-size: 15px;} .exportlinks .fa-file-pdf-o{ color:#c91419; margin:1px 3px;font-size: 15px;} .exportlinks:hover{ background: #fff;} .export.pdf{position: relative;padding-left: 19px;color: #c91419;} .export.pdf:before{content:"\f1c1"; font-size: 16px; color: #c91419; font-family: FontAwesome; position: absolute; /* top: -6px; */ left: 2px;} .export.doc{position: relative;padding-left: 19px;color: #285498;} .export.doc:before{content: "\f1c2"; font-size: 16px; color: #285498; font-family: FontAwesome; position: absolute; top: -6px; left: 2px;} .export.xml{position: relative;padding-left: 19px;color: #ce5c00;} .export.xml:before{content:"\f1c9"; font-size: 16px; color: #ce5c00; font-family: FontAwesome; position: absolute; top: -6px; left: 2px;} .export.excel{position: relative;padding-left: 19px;color: #217346;} .export.excel:before{ content: "\f1c3"; font-size: 16px; color: #217346; font-family: FontAwesome; position: absolute; /* top: -6px; */ left: 2px;} .export-options{ color: #1c92a6; display: inline; border: solid 1px #1c92a6; border-radius: 10px 10px 0px 0px; background: #eceff1; border-bottom: none; padding: 6px 8px 4px 8px; font-size: 12px;} .export-options .fa-file-excel-o{ color:#217346; margin:1px 3px;font-size: 15px;} .export-options .fa-file-pdf-o{ color:#c91419; margin:1px 3px;font-size: 15px;} .export-options:hover{ background: #fff;} */ .datatabl-dsplyrecord{ display: inline-block; margin-bottom: 0px;text-align: center;background: #fff;font-size: 12px; color: #1c92a6;padding:2px 6px 1px 6px;border: solid 1px #ccc;border-radius: 2px;} . .tbl-rcnum{ background: #ffffff;color: #1c92a6;padding: 0px 8px; border: solid 1px #1c92a6;} .accept-icons{color:#217346; margin:0 2px;} .reject-icons{color:#c91419;margin:0 2px;} .accept-icons .fa{margin-right:0px !important; padding-right:0px; color:#217346 !important; } .reject-icons .fa{margin-right:0px !important; padding-right:0px; color:#c91419 !important; } /*********************** end table ********************/ /*********************** start customs-form ********************/ .label-title{ font-size: 16px; margin: 8px 0px 8px 8px;font-weight: 600;letter-spacing: 0.5px;} .custom-from-style{ margin-right:60px; margin-left:10px;} .control-form-label{padding-right: 8px !important; text-align:right; font-size:12px;color: #4c5667;font-weight: 600;letter-spacing: 0.5px;min-height:50px;padding-left: 0px !important; margin:0px 0 0px 0;} .form-control.customs-form-input {margin-bottom:0px !important; width:190px; border-radius: 0; color:#4c5667;height: 30px; padding:2px 4px; font-size:11px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0); } .textbox{margin-bottom:0px !important; width:190px; border-radius: 0; color:#4c5667;height: 30px; padding:2px 4px; font-size:11px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0); } .form-control.customs-form-input-hidden-number {width:100px; border-radius: 0; color:#4c5667;height: 30px; padding:2px 8px;font-size:12px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0); } .seachebleselect{margin-bottom:0px !important;} .form-control.textareas {/* margin-bottom:15px; */resize: none; width:190px; border-radius: 0;height:44px; padding:2px 5px; font-size:11px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0); } .form-control.textareas:focus{outline:none !important;} /*.requiredlabel{ color:red; position: absolute; right: 2px;top: -1px;}*/ .requiredlabel{ color:red; position: inherit; right: 2px;top: -1px;}/* Amit Done */ .note-text-lable{ display: inline-block; font-size:14px; font-weight:700; color:#4c5667; padding:4px 0px 4px 5px; margin:0px 0px 0 0;} .note-text-red{display: inline-block; background:#f2dede; font-size:12px; color:#a94442; border:solid 1px #ebccd1; padding: 12px 5px 10px 5px;margin:0;line-height: 0px;} .note-text-green{ display: inline-block; background:#dff0d8; font-size:12px; color:#3c763d; border:solid 1px #d6e9c6; padding: 12px 5px 10px 5px;margin:0;line-height: 0px;} .note-box { position: absolute; z-index:8; font-size: 11px; display: table; margin: 0px 0 10px 0; color: rgba(167, 67, 65, 0.63); background-color: rgba(242, 222, 223, 0.96); padding: 1px 6px; border-radius: 2px; line-height: 16px; } .note-box-md{ color: #a94442; background-color: #f2dede; border:solid 1px #ebccd1; font-size:13px;margin:15px 15px; padding:8px 10px; border-radius:4px; line-height:20px;} .note-seemore,.note-seemore:hover{color: rgba(167, 67, 65, 0.98); text-decoration:noneletter-spacing: 1px; font-weight: 700; font-size: 12px;} .uploadfiless{width: 250px;cursor: pointer; background: #f5f5f5; border: dashed 1px #1c92a6; padding: 1px 9px; font-size: 12px; border-radius: 100px;} .change_image.uploadfiless:hover{background:#1c92a6; border: dashed 1px #1c92a6; color: #f5f5f5;} .list-edtss{margin-left: 15px;top: 2px;position: relative;} .edit-filterbtn {text-align: center !important; display: block;} .selected-image{ text-indent:-99999px; } #preview-img{border-radius: 100%;border: dashed 1px #1c92a6;padding: 6px; float: left;z-index: 500;z-index: 100;margin: -5px 0px -150px 180px; } .upload-btn-main{ margin-bottom:6px !important; position: relative; z-index: 9;margin-top:5px;} .upload-btn { height: 26px; z-index: -9; background: #1c92a6; border: dashed 1px #ffffff; position: absolute; left: -3px; top: -3px; padding: 3px 10px 0 10px; color: #ffffff; line-height: 21px; width: 182px; outline: none; border-radius: 2px; } .upload-btn-remove{ position:absolute; top:8px; left:156px;} input[type=file] {font-size: 10px;border: dashed 1px #1c92a6; outline: none !important;background: #fff; padding: 2px 1px; width: 190px;} #upload-image-form{ margin:20px auto; width:250px;} #user-upload-image-form{ margin:5px auto; width:100px;} .user-preview-img{ border-radius: 0% !important; border: dashed 1px #1c92a6;padding: 4px;margin: 6px 0;} .viewprofl-pic { border-radius: 100%;border: dashed 1px #1c92a6;padding: 6px;float: left;z-index: 100;margin: 15px 0px 0px 0px;} /* .js .inputfile { width: 0.1px; height: 0.1px; opacity: 0;overflow: hidden; position: absolute; z-index: -1;} .inputfile-1 + label {color: #1c92a6;background-color: #eceff1;border: dashed 1px #1c92a6;} .inputfile + label {position: relative; top: -23px;left: 0px;max-width: 80%;font-size: 12px;font-weight: 700;text-overflow: ellipsis; white-space: nowrap;cursor: pointer;display: inline-block;overflow: hidden;padding:4px 5px 2px 5px; border-radius: 2px; margin-bottom: 0px;} */ /*********************** end customs-form ********************/ /*********************** start customs-datepicker ********************/ .datetimepicker{ z-index:100000 !important;} .datetimepicker th.switch{width:145px; color:#1c92a6; background:#fff;} .datetimepicker .table-condensed thead tr:nth-child(2){ background-color:#1c92a6;} .datetimepicker table tr td.day.active{ border-radius:0px !important; background-color:#1c92a6; color:#fff;} .datetimepicker table tr td.day:hover{ background: #eaeaea; color: #1c92a6; border-radius:0px; cursor:pointer} /* .input-group.date{width:204px; } */ .input-group.date-time{width:190px;} .input-append-sm.date{ width:140px; } .date .form-control{ background-color:#fff !important; width:135px !important; height:30px; border-radius:0px !important;border-right: none; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0); } .date .fa-calendar{ color: #1c92a6; margin-top:3px;} .date .input-group-addon{ display:inline-table;padding:4px 0px;height:30px; background-color:#ffffff; border:1px solid #1c92a6;width:30px; } .input-append-lg.date .form-control{height:30px;} .date .calendar-removebtn { font-size:10px; vertical-align: baseline;background: none; width: 10px; border: none; padding:2px 0 0 2px; line-height: 0px;} /* table tbody>tr td .input-group.date{width:132px !important;} */ table tbody>tr td .date .form-control{ width: 84px !important;} table tbody>tr td .daterangepicker{ width:90px ;} /* .daterangepicker-icon{position: relative; } .daterangepicker-icon:before{font: normal normal normal 14px/1 FontAwesome; content: "\f00e"; color: #1c92a6; font-size: 20px; line-height: 20px;position: absolute; top: 7px; left: 25px; } */ .daterangepicker{ background: url(/voffice/images/calender.png) no-repeat 10px 5px; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); background-position: 97% 45%; */ border: 1px solid #2A698D; /* border-radius: 3px; */ /* width: 90%; */ /* margin-bottom: 15px !important; */ width: 180px; border-radius:0;color: #555; border: 1px solid #ccc; height: 30px; padding: 2px 4px; font-size: 11px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0); } .timetext{ background: url(/voffice/images/calender.png) no-repeat 10px 5px; x; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); background-position: 97% 45%; */ border: 1px solid #2A698D; /* border-radius: 3px; */ /* width: 90%; */ margin-bottom: 15px !important; width: 180px; border-radius:0;color: #555; border: 1px solid #ccc; height: 30px; padding: 2px 4px; font-size: 11px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0); } a.clearlink:before{font: normal normal normal 14px/1 FontAwesome; content: "\f057"; color: #1c92a6; font-size: 14px; line-height: 20px; position: absolute; top:5px; left:180px; } a.clearlink {/* background: url(/voffice/images/close-button.png) no-repeat scroll 0 0 transparent; */ background-position: center center; cursor: pointer; /* display: -moz-inline-stack; display: inline-block; */ zoom:1; margin:0px -3px -1px 0px; *display:inline; height: 12px; width: 12px; border: 0px solid; } a.clearlink:hover {/* background: url("/voffice/images/close-button.png") no-repeat scroll -12px 0 transparent; */background-position: center center;} /*********************** end customs-datepickerp ********************/ /*********************** start customs-checkbox-radio ********************/ .checkbox_nostyle label{text-align: right; padding-right: 0px !important; font-size: 11px; color: #4c5667; font-weight: 600; letter-spacing: 0.5px; height: auto; padding-left: 0px !important; margin:0px 3px 0 0; vertical-align: middle;} .checkbox_nostyle input[type="radio"]{height: auto; position: inherit; margin-top: 0px; vertical-align: middle; right: inherit; margin-right: 1px; } .customs-radio-lable{ text-align: right; padding-right: 0px !important; font-size: 11px; color: #4c5667; font-weight: 600; letter-spacing: 0.5px; height: 30px; padding-left: 0px !important; margin: 0px; } .customs-checkbox-lable{ text-align: right; padding-right: 0px !important; font-size: 12px; color: #4c5667; font-weight: 600; letter-spacing: 0.5px; height: 30px; padding-left: 0px !important; margin: 0px;vertical-align: top; } .form-check{ display:inline; margin-right:2px;} .form-check lable{ margin-bottom:2px;} input[type="checkbox"], input[type="radio"]{ position: absolute; /* right: 9000px; */ z-index: -9; /* right: 9000px; */ z-index:-99999999999; opacity: 0; } /*Check box*/ input[type="checkbox"] + .label-text:before{ content: "\f096"; font-size:20px;background: white; font-family: "FontAwesome"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 18px; -webkit-font-smoothing:antialiased; width: 15px; height: 14px; border-radius: 4px; display: inline-block; margin-right: 5px; } input[type="checkbox"]:checked + .label-text:before{ content: "\f14a"; color: #1c92a6; animation: effect 250ms ease-in; } input[type="checkbox"]:disabled + .label-text{ color: #aaa; } input[type="checkbox"]:disabled + .label-text:before{ content: "\f0c8"; color: #ccc; } /*Radio box*/ input[type="radio"] + .label-text:before{ content: "\f10c"; font-size: 15px; background: white; font-family: "FontAwesome"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 18px; -webkit-font-smoothing: antialiased; width: 13px; display: inline-block; margin-right: 3px; border-radius: 32px; } input[type="radio"]:checked + .label-text:before{ content: "\f192"; color: #1c92a6; animation: effect 250ms ease-in; } input[type="radio"]:disabled + .label-text{ color: #aaa; } input[type="radio"]:disabled + .label-text:before{ content: "\f111"; color: #ccc; } /*Radio Toggle*/ .toggle input[type="radio"] + .label-text:before{ content: "\f204"; font-family: "FontAwesome"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing:antialiased; width:16; display: inline-block; margin-right:3px; } .toggle input[type="radio"]:checked + .label-text:before{ content: "\f205"; color: #16a085; animation: effect 250ms ease-in; } .toggle input[type="radio"]:disabled + .label-text{ color: #aaa; } .toggle input[type="radio"]:disabled + .label-text:before{ content: "\f204"; color: #ccc; } @keyframes effect{ 0%{transform: scale(0);} 25%{transform: scale(1.3);} 75%{transform: scale(1.4);} 100%{transform: scale(1);} } .radio-group label { box-shadow: inset 0 3px 5px rgba(0,0,0,.125);overflow: hidden; line-height: 14px; font-size: 12px; background-color: #1c92a6; color: #fff; width: 66px; height: 30px; padding-left: 0px; text-align: center; padding-right: 0px;} .radio-group input { height: 1px; width: 1px; position: absolute;top: -20px; } .radio-group .not-active {color: #1c92a6;background-color: #efefef;border-color: #1c92a6; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .radio-group .not-active:hover{ background-color:#1c92a6 !important;} .radio-group .gender {color: #1c92a6;background-color: #efefef;border-color: #2e6da4;} .radio-group .gender:hover{ background-color:#1c92a6 !important;} .radio.customs-radio3{ margin-right:5px;} .radio.customs-radio-3-v{ margin-bottom:12px; display: inline-block;} /*********************** end customs-checkbox-radio ********************/ /********************************************* Start Select dropdown **********************************************/ /*********************** start select dropdown ********************/ select{-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0); border: 1px solid #ccc; color: #4c5667; height: 30px; } /* .form-control.customs-form-select-dropdn{background: transparent; position:absolute; z-index:9; border-radius: 0; height: 30px; padding:4px 11px; font-size:12px; color:#999e9cb8;} .customs-form-select-dropdn-style{position: relative; background: white; z-index: 1; width:190px; right: 0px; height: 30px;} .custom-select-dropdn-style-caret{ position: absolute; border: 0; background: #1c92a6 url(../img/select-caret.png) 5px 6px no-repeat; padding:5px 14px; margin: 0; top: 0; right: 0; border-radius: 0 0px 0px 0;} */ /*********************** end select dropdown ********************/ /*********************** start customs-multiselect ********************/ .multiselect{height:30px; background:#333; border-radius: 0px !important; width:190px !important; padding:5px 8px !important;margin-bottom: 15px !important;} .multiselect-selected-text{font-size: 11px;color: #4c5667;text-align: left; } span.multiselect-native-select {position: relative} span.multiselect-native-select select { border: 0; clip: rect(0 0 0 0)!important; height: 1px!important; margin: -1px -1px -1px -3px!important; overflow: hidden!important; padding: 0!important; position: absolute!important; width: 1px!important; left: 50%; top: 150px } .multiselect-container { position: absolute; list-style-type: none; margin: 0; padding: 0 } .multiselect-container.dropdown-menu{min-width:176px; padding-top:8px; padding-bottom:8px; border-radius:0px !important;} .multiselect-container .input-group {margin: 5px} .multiselect-container>li:last-child{ border-bottom:none;} .multiselect-container>li>a.multiselect-all label {font-weight:700;} .multiselect-container>li.multiselect-group label { margin: 0; padding: 3px 20px 3px 20px; height: 100%; font-weight: 700 } .multiselect-container .checkbox input[type=checkbox]{ margin-top:1px; left: 0px;} .multiselect-container .checkbox{margin-left:26px !important; margin-top: 0px !important; font-weight: 500; padding-top: 4px; padding-bottom: 4px; color: #1c92a6; margin-bottom: 0px; font-size: 11px; letter-spacing: 0.5px;} .multiselect-container .checkbox:hover{ color:#fff;} .multiselect-container li a:hover{ text-decoration:none !important; display:block; background-color:#1c92a6 !important; color:#fff !important; } .multiselect-container>li.multiselect-group-clickable label {cursor: pointer} .multiselect-container>li>a {padding: 2px 0px 0 0 !important;font-size: 13px;line-height: 22px !important;} .multiselect-container>li>a>label { margin: 0; height: 100%; cursor: pointer; font-weight: 400; padding: 3px 0 3px 30px } .multislct-scroll.dropdown-menu{ height:150px;} .multiselect-container .mCSB_inside > .mCSB_container { margin-right: 14px; } /*********************** start customs-multiselect ********************/ /*********************** start custom-search-select ********************/ select[multiple], select[size] {height: 46px !important;} .custom-search-select-style .btn-primary{ height:30px; width:190px; margin-bottom:15px; font-size: 12px; border-color: #cccccc; background:#fff; border-radius:0px; color:#4c5667; padding:4px 0px 4px 8px !important; text-align:left;} .custom-search-select-style .btn-primary:hover {background-color: #E6E6E6 !important; color:#000 !important; border-color: #8c8c8c !important;} .custom-search-select-style .open>.dropdown-toggle.btn-primary { border-color:#cccccc !important; color:#4c5667 !important;background-color: #fff !important;border-color: #8c8c8c;} .custom-search-select-style .dropdown-menu { z-index:9999999; min-width:100% !important; padding: 5px 5px 10px 5px !important;border-radius: 0px;} .custom-search-select-style .searchselectbox{ border-radius: 0px;padding: 0px 5px;} .custom-search-select-style .mCSB_inside > .mCSB_container { margin-right: 15px;} .custom-search-select-style .mCSB_scrollTools_vertical{ margin-top:20px;} .custom-search-select-style ul.dropdown-menu li{line-height:16px;} .custom-search-select-style ul.dropdown-menu li a:hover{ background:#CCC;} .custom-search-select-style ul.dropdown-menu li a{ letter-spacing:0.5px; display: inherit; text-decoration: none; font-size: 11px;color: #1c92a6;padding:5px 4px; } .custom-search-select-style ul.dropdown-menu li a:hover{ background:#1c92a6; color:#fff;} .custom-search-select-style-sm .btn-primary{width:120px;} .custom-search-select-style.custom-search-select-style-sm .dropdown-menu { min-width:100px !important;} .custom-search-select-style .btn-primary:active:hover{ color:#fff;} /*********************** start custom-search-select ********************/ /********************************************* End Select dropdown **********************************************/ /*********************** start custom-accordion ********************/ .panel-group{ margin-bottom:0px !important;} #accordion .panel{background-color:inherit; border:0px none; box-shadow:none;} #accordion .panel-heading{ padding:0 0 5px 0; background: inherit;} #accordion .panel-title a{ /* display: block; */ text-decoration:none; position: relative; background:transparent; color:#1c92a6; font-size:16px; letter-spacing: 0.4px; font-weight:600; margin-bottom:15px; padding:8px 20px 8px 60px; /* border-bottom:1px solid #1c92a6; */ border-radius: 0 15px 0 15px; transition:all 0.10s linear 0s; } #accordion .panel-title a.collapsed{ color:#4c5667; /* border-bottom:1px solid #d3d3d3; */ margin: 0 0px 0 0;} #accordion .panel-title a i{ color:#1c92a6; position: absolute; top: 14px; left:25px; } .panel-heading #accordion .panel-title{ border:none;} #accordion .panel-title { border-bottom: 1px solid #1c92a6; line-height: 34px; border-left: solid 1px #1c92a6; border-radius: 30px;} #accordion .panel-title a:before, #accordion .panel-title a.collapsed:before{ content:""; position: absolute; bottom:-15px; left:86px; border:7px solid transparent; border-top:7px solid #1c92a6;} #accordion .panel-title a.collapsed:before{content:"";border: 0px none; } #accordion .panel-title a.collapsed:hover{ color:#1c92a6;} #accordion .panel-title a:after, #accordion .panel-title a.collapsed:after{ content:"\f056"; font-family: FontAwesome; color: #1c92a6; font-size: 20px; line-height: 20px; position: absolute; top: 7px; left: 25px; } #accordion .panel-title a.collapsed:after{ content: "\f055"; color:#4c5667; } #accordion .panel-body{ padding:8px 0; border-top:0 none; color:#4c5667;} .custom-accordion #accordion .panel-title a{ font-size:16px;margin-bottom:8px; display: block; padding: 8px 0 8px 70px; text-transform: uppercase; border: solid 1px #1c92a6; border-radius: 100px;} .custom-accordion #accordion .panel-title a:after, .custom-accordion#accordion .panel-title a.collapsed:after { content:"\f147"; font-weight: 100; font-family: FontAwesome; color: #1c92a6; font-size:28px; position: absolute; top:16px; left: 25px;} .custom-accordion #accordion .panel-title a.collapsed:after{content: "\f196"; color:#1c92a6; } .custom-accordion #accordion.panel-group{ margin-top: 15px; margin-bottom:10px; margin-left:0px;margin-right:0px;} .custom-accordion #accordion .panel-title{border-bottom: solid 0px #1c92a6;} /*********************** end custom-accordion ********************/ /*********************** start custom-scrollbar ********************/ .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#1c92a6; filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)";} .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#1c92a6;filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_draggerRail{background-color: #000; background-color: rgba(0,0,0,0.2);filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#1c92a6;filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } /*********************** END custom-accordion ********************/ .footer-bg{ z-index: 9; width:100%; box-shadow: 0px 1px 2px 1px #efefef; padding:7px 0 4px 60px;font-size: 12px;background-clip: padding-box;background-color: #efefef;color: #455a64;border-top: double 3px #1c92a68c;font-weight: 700;letter-spacing: 1px;position: fixed !important;} .footer-bg .footer-left{ text-align:left; font-size:16px; color:#1c92a6; padding-left:50px;} .footer-bg .footer-right{ text-align:right;} .menu-responsivesdot{ display:none;} .userActDet{ display: block !important;} .session-expiredbg{ background: #f1f1f1; background: -moz-linear-gradient(top, #f1f1f1 0%, #ffffff 18%, #ffffff 84%, #f1f1f1 100%) fixed; /* FF3.6-15 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(18%,#ffffff), color-stop(84%,#ffffff), color-stop(100%,#f1f1f1)) fixed; /* Chrome4-9,Safari4-5 */ background: -webkit-linear-gradient(top, #f1f1f1 0%,#ffffff 18%,#ffffff 84%,#f1f1f1 100%) fixed; /* Chrome10-25,Safari5.1-6 */ background: -o-linear-gradient(top, #f1f1f1 0%,#ffffff 18%,#ffffff 84%,#f1f1f1 100%) fixed; /* Opera 11.10-11.50 */ background: -ms-linear-gradient(top, #f1f1f1 0%,#ffffff 18%,#ffffff 84%,#f1f1f1 100%) fixed; /* IE10 preview */ background: linear-gradient(to bottom, #f1f1f1 0%,#ffffff 18%,#ffffff 84%,#f1f1f1 100%) fixed; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#f1f1f1',GradientType=0 ) fixed; /* IE6-8 */} .color-blue{ color:#1c92a6 !important;} .session-expiredbg .breadcrumb{ background:#1c92a60f;} .error-icon{ display:table-cell; vertical-align:top; padding-right:30px; padding-top:80px;} .error-icon .fa-exclamation-triangle{ font-size:200px; color:#d6d6d6;} .error-icon .fa-server{ font-size:150px; color:#d6d6d6;} .error-icon .fa-times-circle{ font-size:200px; color:#d6d6d6;} .error-icon h1{ margin-bottom:10px; font-size:50px; font-weight:100; color:#1c92a6; text-align: center;} .error-icon h2{ margin-bottom:10px; font-size:18px; color:#4c5667; text-align: center;} .error-icon p{ color:#4c5667; text-align:center;} .session-cloud3{ position:absolute; left:77%; top:40%; font-size:260px; color:#0099ff29;} .session-cloud2 { font-size:200px; position: absolute; bottom:40%; left:80%; color:#0099ff0f; animation: voavoa 50s ease-in-out infinite, vaisproslado 20s ease-in-out infinite; } @keyframes voavoa { 0% {transform: translateX(100);} 50% {transform: translateY(100px);} 100% {transform: translateY(0);} } @keyframes vaisproslado { 0% { left: 0%; } 20% { left: 1%; } 50% { left: 2%; } 70% { left: 1%; } 100% { left: 0%; } } .session-cloud { left: 50%; position:absolute; top:75%; font-size:100px; color:#0099ff47; animation: voavoa1 4s ease-in-out infinite, vaisproslado1 80s ease-in-out infinite; } @keyframes voavoa1 { 0% {transform: translateY(-50);} 50% {transform: translateX(-80px);} 100% {transform: translateY(-100);} } @keyframes vaisproslado1 { 0% { right: 0%; } 20% { right: 1%; } 50% { right: 2%; } 70% { right: 1%; } 100% { right: 0%; } } .calender-notation{ margin-left:30px;} .form-control-feedback { display: inline-block !important; position: absolute !important; border: 1px solid #d81f1f; text-decoration: none; border-radius: 10px; padding: 0px 10px !important; top:29px !important; left: 0px; width:164px !important; height: auto !important; right: 0px !important; text-align: left !important; line-height:18px !important; background: #fff; color: #d81f1f; font-size: 11px; } .form-control-feedback::before{content: ''; display: block; position: absolute; left: 9px; bottom: 100%; width: 0; height: 0; border: 7px solid transparent; border-bottom-color: #d81f1f;} .form-control-feedback::after { content: ''; display: block; position: absolute; left: 10px; bottom: 100%; width: 0; height: 0; border: 6px solid transparent; border-bottom-color: #d81f1f; } .colorlable-disply{font-size:13px;font-weight:700; border: none !important; padding: 0px !important;} .colorlable_displyvalue{margin-left: 3px; margin-right: 15px; width: 41px !important; box-shadow: inset 0px 0px 3px 1px #cacaca; text-align: center; border-radius: 0px; color: #1c92a6 !important; padding: 2px 2px !important; font-size: 12px; font-weight: 500; letter-spacing: 0.7px; vertical-align: middle !important; display: inline-block; } .viewprofile-conts{font-size:12px; margin-bottom:7px;height: 30px; font-weight: 600;} .viewprofile-lable{line-height: 14px; font-size:12px; font-weight:500; position: relative; text-align: left; display:block; padding-left: 0px !important;} .viewprofile-lable:before{ color: #1c92a6; content: "\f0a4"; font-family: FontAwesome; font-size: 14px; position: absolute; right:0px; top:0px;} .viewprofile-conts-input{ border-radius: 0; color: #4c5667; padding: 2px 8px; border: dashed 1px #1c92a6; margin-left: 10px; font-weight: 600; margin-right: 17px; letter-spacing: 0.5px; font-size: 12px; height: 24px; margin-bottom: 7px; width: 96px;} .admin-profilepic{border-radius: 100%; border: dashed 1px #1c92a6;padding: 4px; margin: 0px 0px 0px 0px;width:80px;height:80px;} .admin-profilepic_small {border-radius: 5%;border: dashed 1px #1c92a6;padding:2px;margin: 0px 0px 0px 0px;width:80px;height:80px;} .admin-profilepic-title{text-transform: uppercase; letter-spacing: 0.8px; font-weight:700; text-align: center; font-size: 15px;} .create_fa .fa-plus-circle{ color:#1c92a6 !important;} .Tag-TypeComment-title{ color: rgb(236, 73, 171); font-weight:600; font-size:13px;} /*********************** start custom-popup ********************/ /* .customs-model-popup .modal-header{ padding:0px 15px; border-bottom: none;} .customs-model-popup .modal-content{ border-radius:0px;} .customs-model-popup .modal-header .close { margin-top:7px;} .customs-model-popup .modal-footer{padding: 10px 0px; margin-left: -10px; margin-right: -60px; } .customs-model-popup .modal-footer.modal-footer-margin-40m10{padding: 10px 0px; margin-left: -10px; margin-right: -40px;} .customs-model-popup .modal-lg-1330{ width:1330px; margin:10% auto !important;} .modal-open .modal{ padding-right:0px !important;} .customs-model-popup .modal-lg-1170{ width:1170px;} .outter-popup{ background:rgba(0, 0, 0, 0.95); z-index:99999999 !important;}*/ /* .popup_block {display: none;background: #fff;padding: 0px 15px 7px 15px;border: 5px solid #ddd; float: left;position: fixed;top: 50%;left: 50% !important; z-index: 99999999 !important;-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);-moz-box-shadow: 0 3px 9px rgba(0,0,0,.5);box-shadow: 0 3px 9px rgba(0,0,0,.5);}*/ /* .dailogpopupContainer-custome-xs{height: auto !important;width:400px !important; margin-left:-200px !important; height:200px !important;top:50% !important;margin-top:-100px !important;}*/ /* .dailogpopupContainer-custome-md-740{height: auto !important; width:740px !important; margin-left:-370px !important;} */ /* .dailogpopupContainer-custome-md{height: auto !important; width:900px !important; margin-left:-450px !important;} */ .dailogpopupContainer-custome-xlg{height:max-content !important;position: fixed; width:86% !important;top:0%;bottom:0%;left:0%;right:0%;margin:auto;} .dailogpopupContainer-custome-sm{height:max-content !important;position: fixed; width:60% !important;top:0%;bottom:0%;left:0% !important;right:0%;margin:auto; } .dailogpopupContainer-custome-xs{height:max-content !important;position: fixed; width:40% !important;top:0% !important;bottom:0%;left:0% !important;right:0%;margin:auto; } .popup_block{height:max-content !important;position: fixed; width:80%;top:0% !important;bottom:0%;left:0%;right:0%;margin:auto;display: none;background: #fff; padding:0px 15px 7px 15px; border: 5px solid #ddd;/*float: left;*/z-index:99999999 !important; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); -moz-box-shadow: 0 3px 9px rgba(0,0,0,.5);box-shadow: 0 3px 9px rgba(0,0,0,.5);/* -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; */} .custom-from-style-popup{ padding-right:20px;margin-right: -12px; margin-left:-12px;max-height: 460px;overflow: auto;} .dailogoverlayEffect{ display: none;position: fixed;height: 100%;width: 100%;top: 0; left: 0; background: rgba(0, 0, 0, 0.49);z-index: 99999;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .close{cursor: pointer;background:#fff !important; width:40px !important; height:40px !important;z-index:3200; position: absolute; top:0px !important;right:0px !important;font-size:18px;padding-left:10px;font-weight: 800;padding-top: 4px;text-align: center;border-bottom-left-radius: 100%; border-bottom: solid 3px #1c92a6; color:#1c92a6 !important; opacity:1 !important;} .close:hover{color:#fff !important;border-bottom: solid 3px #fff; background:#1c92a6 !important;} /*********************** end custom-popup ********************/ .full_screen_icons{position: absolute; background: rgba(0, 0, 0, 0.4); padding: 12px 0px; border-radius: 57px; cursor: pointer; color: #ffffff; width: 44px; height: 44px; text-align: center; vertical-align: middle; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; border: dashed 1px #ffffff;} .full_screen_icons:hover{background:#1c92a6; color: #ffffff; } .cuadro_intro_hover{padding: 0px;position: relative;overflow: hidden;/*height: 200px;*/} .cuadro_intro_hover:hover .caption{ opacity: 1; transform: translateY(550px); -webkit-transform:translateY(550px); -moz-transform:translateY(550px); -ms-transform:translateY(550px); -o-transform:translateY(550px); } .cuadro_intro_hover img{z-index: 4;} .cuadro_intro_hover .caption{ position: absolute; top:0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; width: 100%; height: 100%; color: #fff; } .cuadro_intro_hover .caption-text{ z-index: 10; color: #fff; position: absolute; text-align: center; width: 100%; font-size: 14px; background: rgba(0, 0, 0, 0.66); bottom: 0%; padding: 15px 4px; /* border-radius: 40px; */ border-top: dashed 1px #fff; box-shadow: 2px 5px 6px 1px #4c566785; } .moreactiondiv {border-top-left-radius: 16px;width: 178px; background: #ffffff; border: 1px solid #ddd; position: absolute; z-index: 900; margin-left: -126px; margin-top: 9px; padding:12px 0 0 0px; display: none; box-shadow: 0 6px 12px rgba(0,0,0,.175); } .moreactiondiv a { color: #1c92a6; border-left: solid 3px #fff; border-bottom: solid 1px #ddd; padding: 2px 6px 2px 6px; background: #ffffff; width: 100%; display: inline-block; line-height: 28px; text-decoration: none; text-align: left; } .moreactiondiv a:hover{border-bottom: solid 1px #ddd;background:#ECEFF1; border-left: solid 3px #1c92a6;} .moreactiondiv:before { content: ""; width: 15px; height: 15px; transform: rotate(225deg) !important; -webkit-transform: rotate(225deg) !important; top: -7px; right: 8px; border: 1px solid; background: white; border-color: transparent #ddd #ddd transparent; position: absolute; } .pop_textarea_box { resize: none; height: 100px; width:100%; border:1px dashed hsl(189, 71%, 38%); } /*---------------chart start------------- */ .mydocument_main .table.table-bordered thead>tr th{display:none;} .mydocument_main .table.table-bordered tbody>tr td a{border-right: solid 1px #ccc;margin: 0px;padding: 2px 7px 0px 7px;} .mydocument_main .table.table-bordered tbody>tr td span a{border-right:0px;} .mydocument_main .table.table-bordered tbody>tr td a .fa-download { color:#4c5667 !important;} .home_pie_bar{margin: 20px 0 10px 0; background: #f9f9f9;border: solid 1px #ccc;padding: 5px 15px;width: 100%;display: block; color: #00af05;font-size: 14px;font-weight: 400; text-align: left;} .home_pie_bar a{ color: #00af05;} .myTasks_main .mytask-highbtn{background:#ffffff;padding:6px 8px; margin:0 9.6%;border:solid 1px #E0E0E0;border-radius:2px;color:#1c92a6;} .myTasks_main .table.table-bordered thead>tr th{display:none;} .upcomingevents_main .table.table-bordered thead>tr th{display:none;} .upcomingevents_main .table.table-bordered tbody>tr td{border:none;border-bottom:solid 1px #E0E0E0;} .upcomingevents_main .table.table-bordered tbody>tr td .fa-birthday-cake{color:#f45350;} .upcomingevents_main .table.table-bordered tbody>tr td a{color:#4c5667;} .mycalender_main .table.table-bordered thead>tr th{display:none;} .broadcast_main .table.table-bordered thead>tr th{display:none;} .to_do_list .actions .edit .fa{color: #9564e2;} .to_do_list .actions .delete .fa{color:#f34541;} .todoList .actions .edit .fa{color: #9564e2;} .todoList .actions .delete .fa{color:#f34541;} /*---------------chart end------------- */ .nine-colome{border-top-left-radius: 6px;border-bottom-left-radius: 6px; background: #ffffff; margin-bottom: 15px;border: solid 1px #eaeaea;} .nine-colome:hover{color:#455a64; opacity: 0.7;} .color-col1::before{border-top-left-radius: 6px;border-bottom-left-radius: 6px;left:8px; position:absolute; content: ""; top:0px; width: 4px;height:67px; background:#00acec;} .color-col2::before{border-top-left-radius: 6px;border-bottom-left-radius: 6px;left:9px; position:absolute; content: ""; top:0px; width: 4px;height:67px; background:#ffd300;} .color-col3::before{border-top-left-radius: 6px;border-bottom-left-radius: 6px;left:9px; position:absolute; content: ""; top:0px; width: 4px;height:67px; background:#8d6e63;} .color-col4::before{border-top-left-radius: 6px;border-bottom-left-radius: 6px;left:8px; position:absolute; content: ""; top:0px; width: 4px;height:67px; background:#ff9900;} .color-col5::before{border-top-left-radius: 6px;border-bottom-left-radius: 6px;left:9px; position:absolute; content: ""; top:0px; width: 4px;height:67px; background:#9564e2;} .color-col6::before{border-top-left-radius: 6px;border-bottom-left-radius: 6px;left:9px; position:absolute; content: ""; top:0px; width: 4px;height:67px; background:#9dca13;} .color-col7::before{border-top-left-radius: 6px;border-bottom-left-radius: 6px;left:8px; position:absolute; content: ""; top:0px; width: 4px;height:67px; background:#66c980;} .color-col8::before{border-top-left-radius: 6px;border-bottom-left-radius: 6px;left:9px; position:absolute; content: ""; top:0px; width: 4px;height:67px; background:#f34541;} .color-col9::before{border-top-left-radius: 6px;border-bottom-left-radius: 6px;left:9px; position:absolute; content: ""; top:0px; width: 4px;height:67px; background:#999999;} .nine-titlele{padding: 0px 15px; background: #f9f9f9; display: table-cell; font-size: 12px; vertical-align: middle; color: #4c5667; letter-spacing:0.5px; font-weight: 600; width:180px; height: 66px; } .total_number{border-bottom: dashed 1px #1c92a6; border-top: dashed 1px #1c92a6; padding: 5px 15px; margin-left: -15px; margin-bottom: 20px; margin-right: -15px;} .print-input{ position: relative; font-weight: 700; color: #1c92a6; padding-left:34px !important; margin-bottom:44px;} .print-input::before{ color: #1c92a6; content: "\f0a4"; font-family: FontAwesome; font-size:14px;font-weight:100; position: absolute; left: 0px; top: -2px;} ul.color-samplelist{ margin: 0px auto; padding: 8px 0 0px 37px;display: table;} ul.color-samplelist li{ margin: 0px 0 0 0;padding: 0px 34px 0 23px;display:inline-block;font-size: 15px;font-weight: 700;position: relative;} ul.color-samplelist li .color-samplelist-bullet{ width:18px;position:absolute; left:0px;top:1px; height:18px; /* border-radius:100px; border:solid 1px #4c5667; */} .add-new-task-below img{vertical-align: top;} .add-new-child-task-below img{vertical-align:top;} .collapsee{ float:left; cursor: pointer; color:#1c92a6; margin-right: 2px;margin-left: 2px;margin-top: 9px;} .collapsee .fa{font-size:12px !important;} .expands{display:none; float:left; cursor:pointer;color:#1c92a6; margin-right: 2px;margin-left: 2px; margin-top: 9px;} .expands .fa{font-size:12px !important;} .access_rightsdlt .fa{ color:#1c92a6;} .access_rightsdlt{ display: inline-block; margin: 3px 5px 3px 0; padding: 3px 20px 3px 5px; border: 1px solid #ccc; max-width: 100%; border-radius: 100px; background-color: #eceff1; background-size: 100% 19px; background-repeat: repeat-x; background-clip: padding-box; box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #4c5667; line-height: 13px; cursor: pointer; } .max-width-example .content { height: auto; width: auto; max-width: 50%; min-width: 600px; display: inline-block; vertical-align: bottom; } .menu_next{margin-top: 8px;text-align: center; padding: 8px;cursor: pointer;} .post_author_info{ vertical-align: top;padding-top:9px;padding-left: 10px;} .pollQ{ background: #ccc; display: block; padding: 3px 7px; border: solid 1px #b5b5b5; } .cleditorMain{border: solid 1px #1c92a6 !important;} .votes_icon{ background: url(img/vote.png) no-repeat center center #49bf67; width: 36px; height: 36px; border-radius: 58px; border: none;} @media (min-width: 1200px) and (max-width: 1900px){ .menu_scrollbar{height:550px !important;} } @media screen and (max-width: 1300px) and (min-width: 1200px) { .dailogpopupContainer-custome-xlg{width:96% !important;} } @media only screen and (min-width : 992px) and (max-width : 1199px) { .custom-from-style{ margin-right: 38px !important;margin-left: 38px !important;} } @media screen and (max-width:1199px) { .custom-from-style-popup{height: 350px !important;overflow: auto;margin-right: -8px;margin-left: -12px;} /* .table.table-bordered { border: none !important; }*/ .table{padding-left: 0px !important; padding-right: 0px !important; border: none !important;/* display: block; */width:100% !important; overflow-y: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;} .table-bordered{padding-left: 0px !important; padding-right: 0px !important; border: none !important;/* display: block; */width: 100%; overflow-y: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;} /* .table.table-bordered tr td:first-child {border-left: none; border-right: none; border-top:1px solid #ddd;} */ .table.table-bordered tr {margin-bottom:10px; /* border-bottom:1px solid #ddd; */} .table.table-bordered tfoot tr{ width:100%;} .table.table-bordered tfoot tr th{ border: 0px !important;} .table-border-none.table tr{border-bottom:none !important; } .table-border-none.table tr td:first-child{border-top:none !important; } .mt10_1199{margin-top:10px !important;} .teamscond-bg{ width:90%; } /* .display-flexbrdr1{ margin:0px 1px !important;} */ .session-cloud3{ display:none;} #preview-img{;margin: -5px 0px -150px 70px;} .table.table-bordered tbody>tr td .span_doc {float: none !important;} /* .table.table-bordered tbody>tr td .chosen-container{float: none !important;} */ .control-form-label{padding-right:8px !important;} /*********************** start chart ********************/ .cardss {width:100% !important;height: 363px !important;margin: 0px auto !important;} #containerpie{width:100% !important; margin:0px auto;} #containercolumn{width:100% !important; margin:0px auto;} #containerline{width:100% !important; margin:0px auto;} #container_horizontal{width:100% !important; margin:0px auto;} .highcharts-title {font-size:12px !important;} .myTasks_main .mytask-highbtn{margin:0 8%;} /*********************** end chart ********************/ .textbox{width: 100px;} .table-responsive{/* overflow-y: hidden;overflow-x: auto; */ padding-bottom:15px;padding-top: 20px;} table tbody>tr td .daterangepicker{width: 65px;} .form-control.textareas{width: 120px;} } @media screen and (max-width: 992px) { #preview-img{ margin: 5px auto 50px auto;float: none;width: 164px;} /* .sidebar.fliph{ left:-56px;} .sidebar{left:-0px;} */ .search-box{ width:300px;} .search.expanded{max-width:300px; z-index: 99999999999;right:-8px; top:40px;} .search-icon {left: 263px;} .search{ right:0px ;} .search-box .custom-search-select-style .btn-primary{ width:300px; background:#ccc; } .header .head-usersearch .search-box .dropdown-menu{ width:300px; } ul.userAct-list li{ margin:0 3px;} ul.userAct-list li.navbar-nav{ margin-top:0px; margin-bottom:0px;} .menu-responsivesdot{ position: absolute; padding:5px;right: 12px;top: 12px; color:#fff !important; display: block; float: right;border-color: inherit !important; background-color: initial !important;border: none !important;} .userActDet{border:none;box-shadow: inherit;display: block !important;background: no-repeat;position: absolute;right:4px;top: 0px;} .userActDet.collapse{ display:none !important;} .userActDet.collapse.in{ display:block !important;} .header .userActDet.collapse.in .dropdown-menu{width:300px; background-color:#fff; border: 1px solid rgba(0,0,0,.15);border-radius: 4px; position: absolute; box-shadow: 0px 5px 7px -1px #c1c1c1; right:0px;} .nav.navbar-nav.user-prfpic-main{ margin-top:0px; margin-bottom:0px;} .user-prfpic-main.navbar-nav>li>a{ padding-left:12px;} .select-language .dropdown-menu{ width: 100px !important; left:-22px !important;} .select-language .dropdown-menu:before{left:34px;} .header .notification-box-main .dropdown-menu{ left:-86px !important; width:280px !important;} .header .notification-box-main .dropdown-menu:before{left:88px;} .head-usersearch{ margin: 0px 0px;} .custom-from-style{ margin-right:0px !important; margin-left:20px !important;} .teamscond-bg .tab-content{ margin:0px; padding:15px 0 0 0;} .portlet1-content{padding-top:10px !important;} .mypndtask {margin-left: 15px !important;width: 47.5% !important;} .my_Doct{ padding-left: 0px !important;padding-right: 0px !important;} /*********************** start chart ********************/ .chartpie{padding-left: 0px !important;padding-right: 0px !important;} .chartline{padding-left: 0px !important;padding-right: 0px !important;} .right-panel{ padding-left:0px !important; padding-right: 0px;} .display-flex {display:block;} .mypndtask {margin-left: 0px;} /*********************** end chart ********************/ } @media screen and (max-width:900px) { .dailogpopupContainer-custome-xlg{width:92% !important;} .dailogpopupContainer-custome-sm{width:70% !important;} .dailogpopupContainer-custome-xs{width:70% !important;} .custom-from-style-popup{height:330px;overflow: auto;margin-right: -8px;margin-left: -12px;} } @media screen and (max-width: 880px) { .session-expiredbg .footer-bg{ position: relative;} /*********************** start chart ********************/ .my_Doct{padding-left: 0px !important;padding-right: 0px !important;} /*********************** end chart ********************/ .table.table-bordered tbody>tr td input[type=file]{width: 75px;} table tbody>tr td .daterangepicker{width: 70px;} } @media screen and (max-width: 767px) { .pd_L_0_768{padding-left:0px !important;} .right-panel .page-title-box{height:auto !important; padding-left:5px !important; padding-right:5px !important; margin-left:5px !important; margin-right:5px !important;} .mt15_768{margin-top:15px !important;} .dailogpopupContainer-custome-sm{ width: 92% !important;padding-left: 8px !important;padding-right: 8px !important;} .dailogpopupContainer-custome-xs{width:90% !important;} .custom-from-style-popup{height:300px !important; padding-right: 0px;} .footer-bg {padding-left: 0px;font-size: 9px;font-weight: 600;padding-top: 0px;padding-bottom: 3px;} .footer-bg .footer-left{ text-align:center; font-size: 10px;} .footer-bg .footer-right{ text-align:center;} .teamscond-bg .nav-tabs>li {margin: 0 4px;} .teamscond-bg .nav.nav-tabs {width: 420px;} .four-btn .button-sm{ width:auto !important; } .four-btn{ padding:0px 5px !important;} .custom-accordion #accordion.panel-group{margin-left: 7px; margin-right: 7px;} .custom-accordion #accordion .panel-title a{ font-size: 12px;padding: 4px 0 3px 32px;} .right-panel .page-title-box h4.page-title,.right-panel .page-title-box .breadcrumb li a,.right-panel .page-title-box .breadcrumb li.breadcrumb-item{ font-size:10px;} .custom-accordion #accordion .panel-title a:after, .custom-accordion#accordion .panel-title a.collapsed:after{ font-size: 18px;top: 12px;left: 10px;} #accordion .panel-title a{ font-size: 11.5px; padding: 8px 20px 8px 28px;} #accordion .panel-title a:after, #accordion .panel-title a.collapsed:after{ font-size:16px;top: 4px;left: 8px;} .horzntl-tab1 .nav-tabs>li>a{padding: 6px 40px 4px 4px;border-top-right-radius: 0; font-size:11px;}m .print-table{ width:100%;} .print-table-row-single{ width:100% !important;} .header .user-prfpic-main .dropdown-menu{ position: absolute !important;float: none;width: 300px !important;min-width:300px !important;box-shadow: 0px 5px 7px -1px #c1c1c1 !important; -webkit-box-shadow: 0px 5px 7px -1px #c1c1c1 !important;background-color: #fff !important;width: 100% !important;} .error-icon{ display:block; padding-right:0px !important; text-align:center;} .error-icon h2{ font-size:14px; } .discussion-col { display:table !important; width:100%; margin-bottom:34px !important;} .open_closebtn{position: absolute !important;right:14px !important; top:-45px !important;} .portlet1-content{padding-top:10px !important;} .mypndtask {margin-left:0px !important; width: 100% !important;} .Compatible-browsers{ min-width: auto; padding: 15px 20px;} .loginMain {margin:40px auto;} .axis{width:90%;} .commentoncomment_table{width:86% !important;} .spanproperty{font-size:10px;} .commentoncomment_td {padding-left: 22px !important;width: 46% !important;} .span_gray{font-size:10px; color: #1c92a6;} /* .daterangepicker{width:146px;} */ /* .table tbody>tr td .daterangepicker{width:90px;} */ .fc-button.fc-button-next.fc-state-default.fc-corner-right .fc-button-content{font-size:14px !important;} .fc-button.fc-button-prev.fc-state-default.fc-corner-left .fc-button-content{font-size:14px !important;} .fc-button.fc-button-month.fc-state-default.fc-corner-left{font-size:12px !important;} .fc-header-title h2 { width: 155px !important;font-size: 12px !important;} .fc-button.fc-button-today.fc-state-default.fc-corner-left.fc-corner-right{font-size:12px !important; padding: 2px 6px 2px 6px !important;} .fc-button.fc-button-month.fc-state-default.fc-corner-left{ padding: 3px 6px 2px 6px !important;} .fc-header td {white-space: inherit !important;} .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>thead>tr>th:first-child { border-left: 1px solid #ddd !important;} .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th {border-bottom: 1px solid #ddd !important;} .table-responsive {border: 0px solid #ddd !important;} /* .table-responsive>.table-bordered{width:800px !important;} */ .i-filter_title{ font-size: 12px;line-height: 22px;} .fc-border-separate thead tr.fc-last th.fc-widget-header{border-top-right-radius:0px !important; border-bottom-left-radius:0px !important;} } @media screen and (max-width: 600px) { /* .sidebar-collapsed-back .right-panel{border-left: solid 83px #303e45;} */ .sidebar-collapsed-back .right-panel {border-left:solid 0px #303e45;} .right-panel{ padding-left:0px !important; padding-right:0px; left:0px; border-left: solid 0px #303e45;}/*height:1000px;*/ .sidebar-collapsed-back .right-panel{border-left: solid 86px #303e45;} .sidebar-menu{ margin-left:-83px;} #menu li a{text-align: center;font-size: 9px;} .sidebar-collapsed-back #menu li a {padding:3px 5px 5px 2px;} #menu li li ul.projectmanagement_menu_inner {top: 30px;left: 0%;} #menu li li ul.projectmanagement_menu_inner:before { top: -4px !important;left: 191px !important;} #menu li ul.sub_menu_record_manage{ top: -71px;left: 100%;} #menu li li ul.sub_menu_inner.record{ left: 0%; top: 30px !important;} .menu_icontitle{ width: inherit; display: block;} .menu_icon img{width:18px; margin-bottom: 4px;} #menu .fa-angle-right{top:16px;right: 4px;} .sidebar-collapsed-back #menu span{margin-left:0px;} .button-sm{font-size:11px; padding:3px 3px;margin:3px 2px !important;min-width: 82px;} .mCSB_outside + .mCSB_scrollTools{right:0px;} .sidebar-collapsed-back .sidebar-menu{ margin-left:0px; width:88px;} /* #menu li ul{left:49px; width:230px;} */ #menu li li ul{ left: 0px;top: 40px;} ul.sub_menu_inner:before{ top:-4px !important; left:196px !important;} .teamscond-bg{ width:92%; margin: 20px auto;} .teamscond-bg .nav-tabs>li a{ padding:7px; width:166px; font-size:12px;} .teamscond-bg .nav.nav-tabs{top: -18px;width:354px;} .teamscond-bg .nav-tabs>li.active:after{ top:31px;} .documentshhd{ display:table !important; padding-right:0px; width:100%;} .documentshhd-right{ display:table !important; width:100%;} .dashboard_div{margin-left: 7px;margin-right:7px;} .dashboard_div .card-box { margin: 4px 0px;} .main-panel-title{ font-size:11px; line-height: 18px;} .loginbox {width: 240px;} .loginMain {display: block;width: 286px;height: 350px;padding: 15px 6px;} .forgot-msg{ top: -76px;} .fileUpload{ font-size: 10px !important;font-weight: 400 !important; padding-left: 6px !important;padding-right: 6px !important;} .pop_textarea_box{height:80px;} .myTasks_main .mytask-highbtn {margin: 0 3%;} ul.todoList li{ position: inherit !important;display: block;overflow: hidden;} .todo .actions {position: inherit !important;} ul.todoList1 li{ position: inherit !important;display: block;overflow: hidden;} .i-filter{width:22px; height:22px; padding-top:4px;} .i-filter .fa-filter{font-size:13px !important;} .col-lg-12{ padding-right: 7px !important;padding-left: 7px !important;} .col-xs-12{ padding-right: 7px !important;padding-left: 7px !important;} .col-md-12{ padding-right: 7px !important;padding-left: 7px !important;} .col-sm-12{ padding-right: 7px !important;padding-left: 7px !important;} .main-panel-title {margin-left: -8px;margin-right: -8px;} table tbody>tr td .daterangepicker{width: 60px;} .textbox {width: 65px;} } @media screen and (max-width: 480px) { .custom-from-style-popup {height:280px !important;} .custom-from-style {margin-right: 0px !important;margin-left: 0px !important; padding-right:0px;} .print-table tbody tr td:first-child{ font-size:12px;} .button-icon-lg,.button-icon-md{padding: 3px 4px;margin: 4px 0px 4px 4px;font-size: 12px;} .button-icon-lg .fa,.button-icon-md .fa{ font-size:12px;} .form-control.customs-form-input,.inpubt-group.date,.custom-search-select-style .btn-primary{ width:144px;} .daterangepicker{ width:128px;} a.clearlink:before{ left:128px;} select{width:144px;} .customs-form-select-dropdn-style{ width:100%;} .form-control.textareas{ width:164px;} .input-group.date { width:100% !important;} .teamscond-bg .nav.nav-tabs{ width:238px; margin:0px auto;} .teamscond-bg .nav-tabs>li:first-child.active:after{ top:64px;} .teamscond-bg .nav-tabs>li{ float:none;} .teamscond-bg .nav-tabs>li a{ width: 230px; margin: 0px auto;} .tab-line{ display:none;} .container-fluid{ padding-left:5px !important; padding-right:5px !important;} .date .form-control {background-color: #fff !important;width: 110px !important;} .col-xs-12{padding-left: 0px !important; padding-right: 0px !important;} .chosen-container {width: 100% !important;} .control-form-label{font-size:11px;} } @media only screen and (min-width : 320px) and (max-width : 699px) { .table.table-bordered{padding-right:6px; padding-left:6px; max-height:240px; overflow: auto; /*display: block;*/} } @media screen and (max-width: 400px) { a.cleartimelink:before {left: 3px !important;top: 43px;} /*********************** start chart ********************/ .nine-titlele {padding: 0px 38px 0 8px;} /*********************** end chart ********************/ } .sub-m123 { top: -45px !important; } #menu li .sub-m123:before{top: 65px !important;}