a{color:#333;} a:hover, a:active, a:focus{color:#000;} .al{text-align:left !important;} .ac{text-align:center !important;} .ar{text-align:right !important;} .aj{text-align:justify !important;} .m0px{margin:0 !important;} .mt0px{margin-top:0 !important;} .mb0px{margin-bottom:0 !important;} .ml0px{margin-left:0 !important;} .mr0px{margin-right:0 !important;} .mt1px{margin-top:1px;} .mt2px{margin-top:2px;} .mt3px{margin-top:3px;} .mt4px{margin-top:4px;} .mt5px{margin-top:5px;} .mt6px{margin-top:6px;} .mt7px{margin-top:7px;} .mt8px{margin-top:8px;} .mt9px{margin-top:9px;} .mt10px{margin-top:10px;} .mt11px{margin-top:11px;} .mt12px{margin-top:12px;} .mt13px{margin-top:13px;} .mt14px{margin-top:14px;} .mt15px{margin-top:15px;} .mt16px{margin-top:16px;} .mt17px{margin-top:17px;} .mt18px{margin-top:18px;} .mt19px{margin-top:19px;} .mt20px{margin-top:20px;} .mt21px{margin-top:21px;} .mt22px{margin-top:22px;} .mt23px{margin-top:23px;} .mt24px{margin-top:24px;} .mt25px{margin-top:25px;} .mt26px{margin-top:26px;} .mt27px{margin-top:27px;} .mt28px{margin-top:28px;} .mt29px{margin-top:29px;} .mt30px{margin-top:30px;} .mb1px{margin-bottom:1px;} .mb2px{margin-bottom:2px;} .mb3px{margin-bottom:3px;} .mb4px{margin-bottom:4px;} .mb5px{margin-bottom:5px;} .mb6px{margin-bottom:6px;} .mb7px{margin-bottom:7px;} .mb8px{margin-bottom:8px;} .mb9px{margin-bottom:9px;} .mb10px{margin-bottom:10px;} .mb11px{margin-bottom:11px;} .mb12px{margin-bottom:12px;} .mb13px{margin-bottom:13px;} .mb14px{margin-bottom:14px;} .mb15px{margin-bottom:15px;} .mb16px{margin-bottom:16px;} .mb17px{margin-bottom:17px;} .mb18px{margin-bottom:18px;} .mb19px{margin-bottom:19px;} .mb20px{margin-bottom:20px;} .mb21px{margin-bottom:21px;} .mb22px{margin-bottom:22px;} .mb23px{margin-bottom:23px;} .mb24px{margin-bottom:24px;} .mb25px{margin-bottom:25px;} .mb26px{margin-bottom:26px;} .mb27px{margin-bottom:27px;} .mb28px{margin-bottom:28px;} .mb29px{margin-bottom:29px;} .mb30px{margin-bottom:30px;} .ml1px{margin-left:1px;} .ml2px{margin-left:2px;} .ml3px{margin-left:3px;} .ml4px{margin-left:4px;} .ml5px{margin-left:5px;} .ml6px{margin-left:6px;} .ml7px{margin-left:7px;} .ml8px{margin-left:8px;} .ml9px{margin-left:9px;} .ml10px{margin-left:10px;} .ml11px{margin-left:11px;} .ml12px{margin-left:12px;} .ml13px{margin-left:13px;} .ml14px{margin-left:14px;} .ml15px{margin-left:15px;} .ml16px{margin-left:16px;} .ml17px{margin-left:17px;} .ml18px{margin-left:18px;} .ml19px{margin-left:19px;} .ml20px{margin-left:20px;} .ml21px{margin-left:21px;} .ml22px{margin-left:22px;} .ml23px{margin-left:23px;} .ml24px{margin-left:24px;} .ml25px{margin-left:25px;} .ml26px{margin-left:26px;} .ml27px{margin-left:27px;} .ml28px{margin-left:28px;} .ml29px{margin-left:29px;} .ml30px{margin-left:30px;} .mr1px{margin-right:1px;} .mr2px{margin-right:2px;} .mr3px{margin-right:3px;} .mr4px{margin-right:4px;} .mr5px{margin-right:5px;} .mr6px{margin-right:6px;} .mr7px{margin-right:7px;} .mr8px{margin-right:8px;} .mr9px{margin-right:9px;} .mr10px{margin-right:10px;} .mr11px{margin-right:11px;} .mr12px{margin-right:12px;} .mr13px{margin-right:13px;} .mr14px{margin-right:14px;} .mr15px{margin-right:15px;} .mr16px{margin-right:16px;} .mr17px{margin-right:17px;} .mr18px{margin-right:18px;} .mr19px{margin-right:19px;} .mr20px{margin-right:20px;} .mr21px{margin-right:21px;} .mr22px{margin-right:22px;} .mr23px{margin-right:23px;} .mr24px{margin-right:24px;} .mr25px{margin-right:25px;} .mr26px{margin-right:26px;} .mr27px{margin-right:27px;} .mr28px{margin-right:28px;} .mr29px{margin-right:29px;} .mr30px{margin-right:30px;} .m1px{margin:1px;} .m2px{margin:2px;} .m3px{margin:3px;} .m4px{margin:4px;} .m5px{margin:5px;} .m6px{margin:6px;} .m7px{margin:7px;} .m8px{margin:8px;} .m9px{margin:9px;} .m10px{margin:10px;} .m11px{margin:11px;} .m12px{margin:12px;} .m13px{margin:13px;} .m14px{margin:14px;} .m15px{margin:15px;} .m16px{margin:16px;} .m17px{margin:17px;} .m18px{margin:18px;} .m19px{margin:19px;} .m20px{margin:20px;} .m21px{margin:21px;} .m22px{margin:22px;} .m23px{margin:23px;} .m24px{margin:24px;} .m25px{margin:25px;} .m26px{margin:26px;} .m27px{margin:27px;} .m28px{margin:28px;} .m29px{margin:29px;} .m30px{margin:30px;} .p0px{padding:0 !important;} .pt0px{padding-top:0 !important;} .pb0px{padding-bottom:0 !important;} .pl0px{padding-left:0 !important;} .pr0px{padding-right:0 !important;} .pt1px{padding-top:1px;} .pt2px{padding-top:2px;} .pt3px{padding-top:3px;} .pt4px{padding-top:4px;} .pt5px{padding-top:5px;} .pt6px{padding-top:6px;} .pt7px{padding-top:7px;} .pt8px{padding-top:8px;} .pt9px{padding-top:9px;} .pt10px{padding-top:10px;} .pt11px{padding-top:11px;} .pt12px{padding-top:12px;} .pt13px{padding-top:13px;} .pt14px{padding-top:14px;} .pt15px{padding-top:15px;} .pt16px{padding-top:16px;} .pt17px{padding-top:17px;} .pt18px{padding-top:18px;} .pt19px{padding-top:19px;} .pt20px{padding-top:20px;} .pt21px{padding-top:21px;} .pt22px{padding-top:22px;} .pt23px{padding-top:23px;} .pt24px{padding-top:24px;} .pt25px{padding-top:25px;} .pt26px{padding-top:26px;} .pt27px{padding-top:27px;} .pt28px{padding-top:28px;} .pt29px{padding-top:29px;} .pt30px{padding-top:30px;} .pb1px{padding-bottom:1px;} .pb2px{padding-bottom:2px;} .pb3px{padding-bottom:3px;} .pb4px{padding-bottom:4px;} .pb5px{padding-bottom:5px;} .pb6px{padding-bottom:6px;} .pb7px{padding-bottom:7px;} .pb8px{padding-bottom:8px;} .pb9px{padding-bottom:9px;} .pb10px{padding-bottom:10px;} .pb11px{padding-bottom:11px;} .pb12px{padding-bottom:12px;} .pb13px{padding-bottom:13px;} .pb14px{padding-bottom:14px;} .pb15px{padding-bottom:15px;} .pb16px{padding-bottom:16px;} .pb17px{padding-bottom:17px;} .pb18px{padding-bottom:18px;} .pb19px{padding-bottom:19px;} .pb20px{padding-bottom:20px;} .pb21px{padding-bottom:21px;} .pb22px{padding-bottom:22px;} .pb23px{padding-bottom:23px;} .pb24px{padding-bottom:24px;} .pb25px{padding-bottom:25px;} .pb26px{padding-bottom:26px;} .pb27px{padding-bottom:27px;} .pb28px{padding-bottom:28px;} .pb29px{padding-bottom:29px;} .pb30px{padding-bottom:30px;} .pl1px{padding-left:1px;} .pl2px{padding-left:2px;} .pl3px{padding-left:3px;} .pl4px{padding-left:4px;} .pl5px{padding-left:5px;} .pl6px{padding-left:6px;} .pl7px{padding-left:7px;} .pl8px{padding-left:8px;} .pl9px{padding-left:9px;} .pl10px{padding-left:10px;} .pl11px{padding-left:11px;} .pl12px{padding-left:12px;} .pl13px{padding-left:13px;} .pl14px{padding-left:14px;} .pl15px{padding-left:15px;} .pl16px{padding-left:16px;} .pl17px{padding-left:17px;} .pl18px{padding-left:18px;} .pl19px{padding-left:19px;} .pl20px{padding-left:20px;} .pl21px{padding-left:21px;} .pl22px{padding-left:22px;} .pl23px{padding-left:23px;} .pl24px{padding-left:24px;} .pl25px{padding-left:25px;} .pl26px{padding-left:26px;} .pl27px{padding-left:27px;} .pl28px{padding-left:28px;} .pl29px{padding-left:29px;} .pl30px{padding-left:30px;} .pr1px{padding-right:1px;} .pr2px{padding-right:2px;} .pr3px{padding-right:3px;} .pr4px{padding-right:4px;} .pr5px{padding-right:5px;} .pr6px{padding-right:6px;} .pr7px{padding-right:7px;} .pr8px{padding-right:8px;} .pr9px{padding-right:9px;} .pr10px{padding-right:10px;} .pr11px{padding-right:11px;} .pr12px{padding-right:12px;} .pr13px{padding-right:13px;} .pr14px{padding-right:14px;} .pr15px{padding-right:15px;} .pr16px{padding-right:16px;} .pr17px{padding-right:17px;} .pr18px{padding-right:18px;} .pr19px{padding-right:19px;} .pr20px{padding-right:20px;} .pr21px{padding-right:21px;} .pr22px{padding-right:22px;} .pr23px{padding-right:23px;} .pr24px{padding-right:24px;} .pr25px{padding-right:25px;} .pr26px{padding-right:26px;} .pr27px{padding-right:27px;} .pr28px{padding-right:28px;} .pr29px{padding-right:29px;} .pr30px{padding-right:30px;} .p1px{padding:1px;} .p2px{padding:2px;} .p3px{padding:3px;} .p4px{padding:4px;} .p5px{padding:5px;} .p6px{padding:6px;} .p7px{padding:7px;} .p8px{padding:8px;} .p9px{padding:9px;} .p10px{padding:10px;} .p11px{padding:11px;} .p12px{padding:12px;} .p13px{padding:13px;} .p14px{padding:14px;} .p15px{padding:15px;} .p16px{padding:16px;} .p17px{padding:17px;} .p18px{padding:18px;} .p19px{padding:19px;} .p20px{padding:20px;} .p21px{padding:21px;} .p22px{padding:22px;} .p23px{padding:23px;} .p24px{padding:24px;} .p25px{padding:25px;} .p26px{padding:26px;} .p27px{padding:27px;} .p28px{padding:28px;} .p29px{padding:29px;} .p30px{padding:30px;} .w1{width:1%;} .w2{width:2%;} .w3{width:3%;} .w4{width:4%;} .w5{width:5%;} .w6{width:6%;} .w7{width:7%;} .w8{width:8%;} .w9{width:9%;} .w10{width:10%;} .w11{width:11%;} .w12{width:12%;} .w13{width:13%;} .w14{width:14%;} .w15{width:15%;} .w16{width:16%;} .w17{width:17%;} .w18{width:18%;} .w19{width:19%;} .w20{width:20%;} .w21{width:21%;} .w22{width:22%;} .w23{width:23%;} .w24{width:24%;} .w25{width:25%;} .w26{width:26%;} .w27{width:27%;} .w28{width:28%;} .w29{width:29%;} .w30{width:30%;} .w31{width:31%;} .w32{width:32%;} .w33{width:33%;} .w34{width:34%;} .w35{width:35%;} .w36{width:36%;} .w37{width:37%;} .w38{width:38%;} .w39{width:39%;} .w40{width:40%;} .w41{width:41%;} .w42{width:42%;} .w43{width:43%;} .w44{width:44%;} .w45{width:45%;} .w46{width:46%;} .w47{width:47%;} .w48{width:48%;} .w49{width:49%;} .w50{width:50%;} .w51{width:51%;} .w52{width:52%;} .w53{width:53%;} .w54{width:54%;} .w55{width:55%;} .w56{width:56%;} .w57{width:57%;} .w58{width:58%;} .w59{width:59%;} .w60{width:60%;} .w61{width:61%;} .w62{width:62%;} .w63{width:63%;} .w64{width:64%;} .w65{width:65%;} .w66{width:66%;} .w67{width:67%;} .w68{width:68%;} .w69{width:69%;} .w70{width:70%;} .w71{width:71%;} .w72{width:72%;} .w73{width:73%;} .w74{width:74%;} .w75{width:75%;} .w76{width:76%;} .w77{width:77%;} .w78{width:78%;} .w79{width:79%;} .w80{width:80%;} .w81{width:81%;} .w82{width:82%;} .w83{width:83%;} .w84{width:84%;} .w85{width:85%;} .w86{width:86%;} .w87{width:87%;} .w88{width:88%;} .w89{width:89%;} .w90{width:90%;} .w91{width:91%;} .w92{width:92%;} .w93{width:93%;} .w94{width:94%;} .w95{width:95%;} .w96{width:96%;} .w97{width:97%;} .w98{width:98%;} .w99{width:99%;} .w100{width:100%;} .dn{display:none;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none; -moz-appearance:none; appearance:none; margin:0;} input[type=number]{-webkit-appearance:none; -moz-appearance:textfield; appearance:none;} .scrollToTop{background-color:#dd0000;bottom:0;cursor:pointer;font-size:20px;text-align:center;position:fixed;right:0;z-index:9;color:#fff;width:34px;height:34px;line-height:34px} /* CHECKBOX AND RADIO */ input.inputcheckbox[type=checkbox]:not(old), .tbl_checkbox input[type=checkbox]:not(old), input.inputradio[type=radio ]:not(old), .tbl_radio input[type=radio ]:not(old){width:0; margin :0; padding:0; opacity:0; visibility:hidden; display:none;} input.inputcheckbox[type=checkbox]:not(old) + label, .tbl_checkbox input[type=checkbox]:not(old) + label, input.inputradio[type=radio ]:not(old) + label, .tbl_radio input[type=radio ]:not(old) + label {display:inline-block; position:relative; padding-left:30px; padding-top:5px; /*line-height:28px;*/ margin-bottom:0; cursor:pointer;} input.inputcheckbox[type=checkbox]:not(old) + label:before, .tbl_checkbox input[type=checkbox]:not(old) + label:before, input.inputradio[type=radio ]:not(old) + label:before, .tbl_radio input[type=radio ]:not(old) + label:before{content:""; width:20px; height:20px; border-radius:100%; border:1px solid #ccc; background-color:#fff; display:block; position:absolute; left:0; top:4px;} input.inputradio[type=radio ]:not(old):checked + label:after, .tbl_radio input[type=radio ]:not(old):checked + label:after{content:""; width:10px; height:10px; background-color:#01a64e; position:absolute; left:5px; top:9px; border-radius:100%;} input.inputcheckbox[type=checkbox]:not(old) + label:before, .tbl_checkbox input[type=checkbox]:not(old) + label:before{border-radius:2px;} input.inputcheckbox[type=checkbox]:not(old):checked + label:after, .tbl_checkbox input[type=checkbox]:not(old):checked + label:after{content:"\f00c"; font-family:FontAwesome; position:absolute; left:5px; top:0; font-size:10px; color:#d00; font-weight:normal; line-height:27px;} /* CHECKBOX AND RADIO */ .loadingScreen > span#c1_ctl {background-color:rgba(255, 255, 255, 0.9); display:inline; height:100%; left:0; position: fixed;; text-align:center; top:0; width:100%; z-index:99999;} .loadingScreen > span#c1_ctl > span#c1 {display:flex; height:100%; width:100%; align-self:center; align-items:center; align-content:center;} .loadingScreen > span#c1_ctl > span#c1 > img{display:block; margin:0 auto; width: 100px;} body{color:#5c5c5c; font-size:13px;} body, .right-side, .skin-blue .right-side > .content-header, .content{background:#fff;} body > .header .navbar{margin-left:0;} aside.left-side .logo{line-height:inherit; padding:5px 10px; background:#fff; display:block; border-bottom:1px solid rgba(0,0,0,.1); height:auto; box-shadow:inset -3px 0px 8px -4px rgba(0, 0, 0, 0.1);} aside.left-side .logo > img{max-height:120px;} .btnView:before, .btnDownload:before, div#formActions div#save .btn::before, div#formActions div#cancel .btn::before, div#formActions div#delete .btn::before{font-family:fontawesome; display:inline-block; margin-right:2px; font-weight:normal;} .btnView:before{content:"\f06e";} div#formActions div#save .btn::before{content:"\f0c7";} div#formActions div#cancel .btn::before{content:"\f00d";} div#formActions div#delete .btn::before{content:"\f1f8";} .btnDownload::before{content:"\f019";} .nav-tabs-custom .nav-tabs > li.active > a{color:#f46b1d; font-weight:bold;} .box .box-header .box-title{color:#f46b1d; font-weight:bold; padding:10px;} .warning{color:#ff0000;} #form-olvidado br{margin:0px; padding:0px; line-height:0px;} .formrequired{font-size:12px; color:#C7C7C7; font-style:italic; font-weight:normal; margin-left:50px; width:250px;} /* QDateTimePicker */ span.datetimepicker{} /* QCalendar */ div.calendar{width:200px; border:1px solid #111; background-color:#ccf;} div.calendar div.navigator{background-color:#111; overflow:auto; height:100%; color:#fff; padding:2px 6px 2px 6px;} div.calendar div.navigator div.left{float:left;} div.calendar div.navigator div.month{float:left; width:80px; text-align:center; font-weight:bold; font-size:11px;} div.calendar div.navigator div.year{float:right;} div.calendar div.navigator div.year span{font-size:11px; font-weight:bold; margin-left:6px; margin-right:6px;} div.calendar div.navigator a{color:#fff; text-decoration:none;} div.calendar div.navigator a:hover{text-decoration:underline;} div.calendar table{border:0; margin-left:auto; margin-right:auto;} div.calendar tr{background:none !important;} div.calendar th{text-align:center; border:0; padding:4px 2px 4px 2px; font-weight:bold; font-size:10px; color:#000 !important;} div.calendar td{text-align:center; border-width:0 0 1px 0; border-style:solid; border-color:black; padding:0 !important;} div.calendar td.lastRow{border-width:0;} div.calendar td a{text-decoration:none; color:#000; display:block; padding:2px 6px 2px 6px;} div.calendar td.today{background-color:#ccc;} div.calendar td.nonMonth a{color:#005F8F;} div.calendar td.selected{background-color:#c9a; font-weight:bold;} div.calendar td a:hover{background-color:#F6F6F6; color:#000;} div.calendar div.options{text-align:center; background-color:#111;} div.calendar div.options a{color:#fff; font-size:10px; text-decoration:none;} div.calendar div.options a:hover{text-decoration:underline;} /* QDataGrid */ .datagridStyle table, table.datagrid{border:1px solid #ddd; width:100%; overflow:auto;} table.datagrid caption, table.datagrid tfoot{padding-bottom:15px; overflow:auto;} table.datagrid span.left{float:left; display:block; margin-top:18px; margin-left:10px;} table.datagrid span.right{float:left; display:block;} .datagridStyle table thead > tr, .datagridStyle table tbody > tr, table.datagrid > thead > tr, table.datagrid > tbody > tr{background-color:#fff; border-bottom:1px solid #ddd;} .alternateTable tbody tr:nth-child(2n), table.datagrid thead tr, table.datagrid tr.alternate{background-color:#f8f8f8;} table.datagrid > thead > tr > th, table.datagrid > tbody > tr > th{padding:10px; text-align:left; color:#111;} .datagridStyle table th, .datagridStyle table td{border:1px solid #ddd; padding:5px 10px; vertical-align:middle;} table.datagrid th a{border:0 none; color:#111; text-decoration:none;} table.datagrid th a:hover{text-decoration:underline;} table.datagrid > thead > tr > td, table.datagrid > tbody > tr > td{padding:5px 10px; vertical-align:middle; height:40px; /*word-wrap:break-word;*/ } .overflowTable{overflow-y:hidden; width:100%;} .userListTable table th:first-child, .userListTable table td:first-child{min-width:90px;} .userListTable table td {/*text-overflow:ellipsis; white-space:nowrap; overflow:hidden;*/ } table.datagrid tfoot{border-top:1px solid #111;} table.datagrid td img{border:1px solid #ddd; padding:2px;} table.datagrid[border="1"] td, table.datagrid[border="1"] th{border-color:#ddd;} /* QPaginator */ span.paginator{display:table; margin:15px 0 0 -5px; padding:0;} span.paginator span{list-style-type:none; display:inline; padding:0; margin:0;} span.paginator span.arrow.hasLink > a, span.paginator span.page a{border:1px solid #ddd; border-radius:3px; color:#333; margin:0; padding:3px 7px; display:inline-block;} span.paginator span.arrow.hasLink > a:hover, span.paginator span.page a:hover{color:#777; border-color:#777;} span.paginator span.arrow{border:1px solid #ddd; border-radius:3px; color:#ccc; margin:0; padding:3px 8px;} span.paginator span.arrow.hasLink{padding:0; border:0;} span.paginator span.arrow a{color:#333; text-decoration:none;} span.paginator span.selected{background-color:#01a64e; border:0 none; border-radius:3px; color:#fff; margin:0 2px; padding:4px 8px;} span.paginator span.break{display:none;} span.paginator span.ellipsis{color:#780000;} span.paginator span.arrow, span.paginator span.selected, span.paginator span.page{margin-right:5px; display:inline-block;} span.paginator span.arrow:first-child{margin-left:5px; margin-right:3px;} /* QPaginator */ div.renderWithName{padding:4px 0 4px 0; overflow:auto; height:100%;} div.renderWithName div.left{float:left; width:200px; margin-right:25px;} div.renderWithName div.required{font-size:12px; font-weight:bold; text-transform:capitalize;} div.renderWithName div.left span.instructions{font:10px 'Verdana', 'Arial', 'Helvetica'; color:#999; font-style:italic; text-transform:none;} div.renderWithName div.right{margin-left:230px;} div.renderWithName div.right span.error{color:#ff0000;} div#formControls{padding:0 0 0 20px;} div#formActions{background-color:#f46b1d; padding:10px; margin-top:18px; display:inline-block; width:100%; border-radius:3px;} div#formActions div#save{float:left;} div#formActions div#cancel{margin-left:10px; float:left;} div#formActions div#delete{float:right;} div#formActions .btn{min-height:35px; line-height:35px; padding:0 12px; color:#f46b1d;} div#formActions .btn.focus, div#formActions .btn:focus, div#formActions .btn:hover, div#formActions .datagrid .button:hover, div#formActions .btn-primary.active.focus, div#formActions .btn-primary.active:focus, div#formActions .btn-primary.active:hover, div#formActions .btn-primary.focus:active, div#formActions .btn-primary:active:focus, div#formActions .btn-primary:active:hover, div#formActions .open > .dropdown-toggle.btn-primary.focus, div#formActions .open > .dropdown-toggle.btn-primary:focus, div#formActions .open > .dropdown-toggle.btn-primary:hover{background-color:#333; color:#fff;} .pace .pace-progress{background:#ccc;} .orange{color:#f46b1d;} .textbox + br, .listbox + br, .datetimepicker select + br{display:none;} .calendarDiv{position:relative;} .calendarDiv>span{float:left; margin:0;} .calendarDiv span:nth-child(2){margin:5px;} .nav-tabs-custom>.tab-content{display:inline-block; width:100%;} .nav-tabs-custom.navTabsBg > .nav-tabs > li{border-top-color:#ccc;} .nav-tabs-custom.navTabsBg > .nav-tabs > li > a{border-top:0; border-left-color:#f4f4f4 !important; border-right-color:#f4f4f4 !important;} .nav-tabs-custom.navTabsBg > .nav-tabs > li.pull-right-color{margin-right:0; border-color:#333 !important;} .nav-tabs-custom.navTabsBg > .nav-tabs > li.pull-right-color > a, .nav-tabs-custom.navTabsBg > .nav-tabs > li.pull-right-color > a:hover{background-color:#333; color:#fff; border-color:#333 !important;} .nav-tabs-custom.navBtnColor > .nav-tabs > li{border-top:0;} .nav-tabs-custom.navBtnColor > .nav-tabs > li.redBg > a{background:#c00 !important; color:#fff !important; opacity:.8 !important;} .nav-tabs-custom.navBtnColor > .nav-tabs > li.greenBg > a{background:#56b34f !important; color:#fff !important; opacity:.8 !important;} .nav-tabs-custom.navBtnColor > .nav-tabs > li.orangeBg > a{background:#ea702e !important; color:#fff !important; opacity:.8 !important;} .nav-tabs-custom.navBtnColor > .nav-tabs > li.active > a{opacity:1 !important;} .reserveTable input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]){max-width:100px !important;} .reserveTable select, .reserveTable textarea{width:120px !important;} .reserveTable div.calendar{left:auto !important; right:0;} #msg_save{color:green;} .fileassetDbox{background-color:#fff; padding:10px;} .ucase{text-transform:uppercase;} .tab-content > .tab-pane table.datagrid caption{padding-top:0;} .tab-content > .tab-pane table.datagrid caption span.paginator{margin-top:5px;} .tab-content > .tab-pane table.datagrid caption span.left{margin-top:8px;} .lhn{line-height:normal;} .fs11px{font-size:11px; line-height:normal;} .fs12px{font-size:12px; line-height:normal;} .fs13px{font-size:13px; line-height:normal;} .fs14px{font-size:14px;} .fs15px{font-size:15px;} .fs16px{font-size:16px;} .fs17px{font-size:17px;} .fs18px{font-size:18px;} .fs20px{font-size:20px;} .fs22px{font-size:22px;} .fs24px{font-size:24px;} .fa{font-family:FontAwesome !important;} .roboto{font-family:Arial, Helvetica, sans-serif;} textarea.form-control{min-height:150px;} .textbox, .listbox, .datetimepicker select, .greenborder, .redborder{display:block; width:100%; height:34px; padding:6px 12px; font-size:14px; line-height:1.42857143; color:#555; background-color:#fff; background-image:none; border:1px solid #ccc; border-radius:3px;} select[size]{height:34px;} .form-control{border:1px solid #ccc; box-shadow:none !important;} .form-control:focus, .textbox:focus, .listbox:focus{border-color:#aaa;} .datetimepicker select{width:auto; display:inherit; margin-right:5px;} .datetimepicker select.minute{margin-left:5px;} .datetimepicker span.divider::before{display:inline-block; content:" --- "; margin:0 10px 0 5px; color:#999;} div.renderWithName div.right .textbox, div.renderWithName div.right .listbox, div.renderWithName div.right .form-control{max-width:350px;} div.renderWithName div.right .textareaFull{max-width:100%;} select[multiple]{padding:0;} .button, .btn{border:0; border-radius:3px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:0 15px; font-size:14px; min-height:34px; line-height:34px;} .btn-primary, .datagrid .button, .datagrid .btn-info{background-color:#01a64e; color:#fff;} .btn-info{background-color:#d00; color:#fff;} .btn-red{background-color:#d00 !important; color:#fff !important;} .btn-sky{background-color:#09f; color:#fff;} .btn-purple{background-color:#3f51b5; color:#fff;} .btn-magenta{background-color:#811079; color:#fff;} .btn-pink{background-color:#ea1e63; color:#fff;} .btn-cyan, .datagrid > thead > tr > th:last-child button.button{background-color:#009788; color:#fff;} .btn-gray, .datagrid > thead > tr > th:last-child > span:nth-child(2) button.button{background-color:#607d8b; color:#fff;} .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover, .btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info, .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info.focus:active, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover{background-color:#777;} .btn.focus, .btn:focus, .btn:hover, .datagrid .button:hover, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover{color:#fff; text-decoration:none; background-color:#f46b1d;} .btn.btnSmall{line-height:30px; min-height:30px; padding:0 10px; font-size:12px;} p.create{margin-bottom:0;} .skin-blue .navbar{background:#a22528; background:-webkit-linear-gradient(#a22528, #c22d2e); background:-o-linear-gradient(#a22528, #c22d2e); background:-moz-linear-gradient(#a22528, #c22d2e); background:linear-gradient(#a22528, #c22d2e);} .skin-blue .navbar .sidebar-toggle .icon-bar{background:#fff;} .skin-blue .navbar .nav a{color:#fff;} .box{box-shadow:none; border:1px solid #ddd;} .box, .box.box-primary{border-top:3px solid #f46b1d;} .datagrid th button.button{margin:0 6px 0 -3px; float:left;} table.datagrid > thead > tr > th:last-child > span{display:inline-block;} .datagrid .btn, .datagrid .button{line-height:30px; font-size:12px; min-height:30px; padding:0 10px; white-space:nowrap;} .ft_container .listbox, .ft_container .textbox, .ft_container .greenborder, .ft_container .redborder, .datagrid .greenborder, .datagrid .redborder, .datagrid .textbox, .datagrid .listbox{width:auto; display:inherit; height:30px; padding:0 5px; font-weight:normal; float:left; margin-right:5px; } .greenborder, .redborder{border:solid 1px #01a64e; padding-right:25px !important; background:#fff url(../images/check.png) no-repeat; background-position:calc(100% - 5px) center;} .redborder{border-color:#ff0000; background-image:url(../images/errorCross.png);} .grayDark{color:#333;} .modal-open{padding-right:0 !important;} .skin-blue .left-side{background:#f79d35;} .navbar-nav > .user-menu > .dropdown-menu > li.user-header > img{border:8px solid rgba(0,0,0,.1);} .navbar-nav > .user-menu > .dropdown-menu > li.user-header{background:#f79d35; height:auto;} .navbar-nav > .user-menu > .dropdown-menu::after{bottom:99%; border-bottom-color:#f79d35;} .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p{color:#333; text-shadow:none;} .navbar-nav > .user-menu > .dropdown-menu > li.user-footer{border-top:1px solid #ddd;} .box .box-header{border-bottom:1px solid #ddd;} .sidebar > .sidebar-menu > li > a{margin:0 !important; position:relative; padding:12px 25px 12px 35px; font-size:13px; color:#111; font-weight:bold; text-transform:uppercase;} .skin-blue .sidebar > .sidebar-menu > li.active > a, .skin-blue .sidebar > .sidebar-menu > li > a:hover{color:#a22528; background:rgba(255,255,255,.2);} .sidebar > .sidebar-menu > li > a > i.icomoon, .sidebar > .sidebar-menu > li > a > i.fa{left:15px; top:15px; position:absolute;} .sidebar > .sidebar-menu > li > a > i.pull-right{left:auto; right:0; top:13px; position:absolute;} .sidebar .sidebar-menu > li.treeview .fa-angle-left::before{content:"\f107";} .sidebar .sidebar-menu > li.treeview .fa-angle-down::before{content:"\f106";} .skin-blue .sidebar > .sidebar-menu > li > .treeview-menu{margin:0; background:none;} .sidebar .sidebar-menu .treeview-menu > li > a{margin-left:0 !important; padding:10px 10px 10px 35px; background-color:rgba(255,255,255,.2); color:#111; border-top:1px solid rgba(0,0,0,.1); position:relative;} .sidebar .sidebar-menu .treeview-menu > li > a:hover{color:#a22528;} .sidebar .sidebar-menu .treeview-menu > li.active > a{} .sidebar .sidebar-menu .treeview-menu > li > a > i{position:absolute; left:15px; top:12px;} .lbl_message{background-color:#72ae29; border-radius:3px; color:#fff; display:inline-block; margin:10px 0; padding:10px 15px; width:100%;} .file_asset .file_asset_icon{border:2px solid #ddd; border-radius:3px; padding:3px; margin-bottom:5px;} span.cke_skin_kama{border:2px solid #ddd !important;} .dib100{display:inline-block; width:100%;} .icheckbox_minimal + label{padding:0 20px 0 10px;} input[type="checkbox"], input[type="radio"]{top:3px; position:relative;} input[type="checkbox"] + label, input[type="radio"] + label{margin:0; padding-left:10px; margin-right:20px; display:inline-block;} .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .owl-nav > .owl-prev, .owl-nav > .owl-next{position:absolute; top:50%; z-index:1; width:40px; height:40px; line-height:40px; background:rgba(255,255,255,.5); color:#333; text-align:center; cursor:pointer; margin-top:-25px; font-size:18px; box-shadow:0 0 10px rgba(0,0,0,.3); border-radius:3px;} .owl-nav > .owl-prev{left:20px;} .owl-nav > .owl-next{right:20px;} .owl-nav > .disabled{color:#ccc; cursor:not-allowed !important;} .owl-nav > .owl-prev:hover, .owl-nav > .owl-next:hover{background:#fff;} .owl-dots{position:absolute; left:0; bottom:10px; width:100%; z-index:1; text-align:center; height:10px;} .owl-dots > .owl-dot{display:inline-block; margin:0 2px;} .owl-dots > .owl-dot > span{width:10px; height:10px; display:inline-block; background:#fff; border-radius:20px;} .owl-dots > .owl-dot.active > span{background:#e93235;} .dib{display:inline-block;} .displayFlex{display:flex;} .flex-wrap{flex-wrap:wrap;} .withFlexCol{margin:0 -15px} .withFlexCol > .flexCol{padding-left:15px;padding-right:15px} .flexCol.flexColFull{width:100% !important} .flexCol-2 > .flexCol{width:50%} .flexCol-3 > .flexCol{width:33.3333333333%} .flexCol-4 > .flexCol{width:25%} .flexCol-5 > .flexCol{width:20%} .flexCol-6 > .flexCol{width:16.6666666667%} .flexCol-7 > .flexCol{width:14.2857142857%} .flexCol-8 > .flexCol{width:12.5%} .flexCol-9 > .flexCol{width:11.1111111111%} .flexCol-10 > .flexCol{width:10%} .flexCol-11 > .flexCol{width:9.0909090909%} .flexCol-12 > .flexCol{width:8.3333333333%} @media (max-width:1100px){ .flexColMd-1 > .flexCol{width:100%;} .flexColMd-2 > .flexCol{width:50%} .flexColMd-3 > .flexCol{width:33.3333333333%} .flexColMd-4 > .flexCol{width:25%} .flexColMd-5 > .flexCol{width:20%} .flexColMd-6 > .flexCol{width:16.6666666667%} .flexColMd-7 > .flexCol{width:14.2857142857%} .flexColMd-8 > .flexCol{width:12.5%} .flexColMd-9 > .flexCol{width:11.1111111111%} .flexColMd-10 > .flexCol{width:10%} .flexColMd-11 > .flexCol{width:9.0909090909%} .flexColMd-12 > .flexCol{width:8.3333333333%} } @media (max-width:980px){ .flexCol980-1 > .flexCol{width:100%;} .flexCol980-2 > .flexCol{width:50%} .flexCol980-3 > .flexCol{width:33.3333333333%} .flexCol980-4 > .flexCol{width:25%} .flexCol980-5 > .flexCol{width:20%} .flexCol980-6 > .flexCol{width:16.6666666667%} .flexCol980-7 > .flexCol{width:14.2857142857%} .flexCol980-8 > .flexCol{width:12.5%} .flexCol980-9 > .flexCol{width:11.1111111111%} .flexCol980-10 > .flexCol{width:10%} .flexCol980-11 > .flexCol{width:9.0909090909%} .flexCol980-12 > .flexCol{width:8.3333333333%} } @media (max-width:700px){ .flexColSm-1 > .flexCol{width:100%;} .flexColSm-2 > .flexCol{width:50%} .flexColSm-3 > .flexCol{width:33.3333333333%} .flexColSm-4 > .flexCol{width:25%} .flexColSm-5 > .flexCol{width:20%} .flexColSm-6 > .flexCol{width:16.6666666667%} .flexColSm-7 > .flexCol{width:14.2857142857%} .flexColSm-8 > .flexCol{width:12.5%} .flexColSm-9 > .flexCol{width:11.1111111111%} .flexColSm-10 > .flexCol{width:10%} .flexColSm-11 > .flexCol{width:9.0909090909%} .flexColSm-12 > .flexCol{width:8.3333333333%} } @media (max-width:480px){ .flexColXs-1 > .flexCol{width:100%;} .flexColXs-2 > .flexCol{width:50%} .flexColXs-3 > .flexCol{width:33.3333333333%} .flexColXs-4 > .flexCol{width:25%} .flexColXs-5 > .flexCol{width:20%} .flexColXs-6 > .flexCol{width:16.6666666667%} .flexColXs-7 > .flexCol{width:14.2857142857%} .flexColXs-8 > .flexCol{width:12.5%} .flexColXs-9 > .flexCol{width:11.1111111111%} .flexColXs-10 > .flexCol{width:10%} .flexColXs-11 > .flexCol{width:9.0909090909%} .flexColXs-12 > .flexCol{width:8.3333333333%} } .orange{color:#f46b1d;} .green{color:#01a64e;} .red{color:#dd0000;} .sky{color:#0099ff;} .blue{color:#3f51b5;} .purple{color:#811079;} .pink{color:#ea1e63;} .hallOfFameList > div > div{display:flex; margin:0 -5px; flex-wrap:wrap;} .hallOfFameList .flexCol{width:20%; padding:10px 5px; position:relative;} .hallOfFameList .bg{padding:2px; border:1px solid #ddd; height:100%;} .dashboardSlider .img, .hallOfFameList .img{display:block; position:relative; padding-top:75%; background:#eee;} .dashboardSlider .img > img, .hallOfFameList .img > img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); height:100%; width:100%;} .hall_of_fame_modal button.close{position:absolute; top:0; right:0; width:30px; height:30px; background:#fff; z-index:3; opacity:1; border-radius:0 6px 0 0;} .hallOfFameList .img .catName{position:absolute; left:0; top:0; z-index:1; background:#01a64e; color:#fff; padding:7px 10px 5px; font-weight:bold; text-transform:uppercase; font-size:12px; line-height:normal; box-shadow:5px 7px 7px rgba(0,0,0,.3);} .hallOfFameList .img .fa.fa-play { position:absolute; left:50%; top:50%; width:50px; height:50px; line-height:50px; text-align:center; background:rgba(0,0,0,.5); color:#fff; border-radius:50px; font-size:22px; transform:translate(-50%,-50%); } .hallOfFameList .img:hover .fa.fa-play{background:#f46b1d;} .eventListDashboard .list{position:relative; margin-top:15px; border-top:1px solid #ddd; padding-top:15px;} .eventListDashboard .list:first-child{border-top:0; padding-top:0;} .eventListDashboard .bg{position:relative; padding-left:110px; min-height:100px;} .eventListDashboard .img{position:absolute; left:0; top:0; width:100px; border:1px solid #ddd; padding:2px;} .fl{float:left;} .fr{float:right;} .calculator{display:flex; flex-wrap:wrap; border-top:1px solid #ddd; border-left:1px solid #ddd; max-width:750px; margin:20px auto; background:#f4f4f4; color:#333;} .calculator .col{width:50%; border-bottom:1px solid #ddd; padding:10px; display:inline-block; border-right:1px solid #ddd;} .calculator .colFull{width:100%;} .calculator div.renderWithName div.left{width:100%; margin-right:0;} .calculator div.renderWithName div.right{margin-left:0;} .calculator div.renderWithName{padding:0; height:auto;} .calculator input[type="checkbox"] + label, .calculator input[type="radio"] + label{font-weight:normal;} .calculator .checkList{margin-top:5px;} .calculator input[disabled]{opacity:.5;} .btn-calculator:before{content:"\f1ec"; font-family:FontAwesome; display:inline-block; margin-right:5px; font-weight:normal;} button[disabled], html input[disabled], select[disabled]{cursor:not-allowed; background:#eee;} input.hasDatepicker[disabled] { background:#eee url(../images/calendar.gif) no-repeat scroll calc(100% - 10px) center; } .nav-tabs-custom .nav-tabs > li.active{border-top-color:#01a64e;} .fancybox-close{background-color:#333 !important; border-radius:50px; color:#fff !important; line-height:44px; font-size:20px !important; text-align:center; top:-20px; right:-20px !important; border:2px solid #fff;} .fancybox-close:hover{background-color:#222 !important; color:#fff !important;} .fancybox-nav{border:2px solid #fff; color:#fff; font-size:22px; height:50px; line-height:50px; margin-top:-25px; text-align:center; top:50%; width:50px;} .fancybox-nav:hover{background-color:rgba(0, 0, 0, .4); color:#fff;} .fancybox-prev{left:-80px;} .fancybox-next{right:-80px;} .tbl_valign_top td{vertical-align:top;} .renderWithBtn{position:relative;} div.renderWithName div.required label::after { content:" *"; color:#f46b1d; } .renderWithBtn div.renderWithName div.right{position:relative; padding-right:255px;} .renderWithBtn .btn{position:absolute; top:4px; right:167px; width:80px;} .renderAuto div.renderWithName div.right{margin:0;} .renderAuto div.renderWithName div.left{width:auto;} .renderAuto div.renderWithName div.left > label{padding-top:5px;} .row.renderFull{margin-left:-5px; margin-right:-5px;} .row.renderFull > div{padding-left:5px; padding-right:5px;} .renderFull div.renderWithName div.right{margin:0;} .renderFull div.renderWithName div.left{float:none; width:100%; margin:0;} input.hasDatepicker{background:#fff url(../images/calendar.gif) no-repeat scroll calc(100% - 10px) center; padding-right:35px; transition:none; -webkit-transition:none;} .ui-widget-overlay{position:fixed !important; z-index:9999;} .ui-dialog{z-index:99999 !important; top:50% !important; margin:0 0 0 -175px !important; left:50% !important; width:350px; position:fixed !important; margin-top:-75px !important;} .ui-button-icon-only .ui-icon{left:0 !important; top:0 !important;} .ui-dialog .ui-dialog-titlebar-close{background:#333 !important; border:0 !important;} .ui-dialog .ui-dialog-content .button{background:#333; color:#fff; padding:6px 10px; line-height:normal; min-height:auto;} .phoneNo{display:inline-block; width:100%;} .phoneNo .countryCode{width:60px; margin-right:10px;} .skin-blue .sidebar > .sidebar-menu > li{border-top:1px solid rgba(0,0,0,.1); border-bottom:0;} .skin-blue .sidebar > .sidebar-menu > li:first-of-type, .skin-blue .sidebar > .sidebar-menu > li:first-of-type > a{border-top:0;} .skin-blue .sidebar{border-bottom:1px solid rgba(0,0,0,.1);} table.datagrid > thead > tr > th{white-space:nowrap;} table.datagrid > thead > tr > th:last-child{min-width:136px;} table.datagrid.datagridAutoWidth > thead > tr > th:last-child{min-width:inherit;} table.datagrid.datagridAutoWidth > thead > tr > th{white-space:normal;} table.calcTable thead tr{background-color:#333;} table.calcTable thead tr th{color:#fff;} .calcTable .textbox, .calcTable .listbox{border:1px solid #ddd;} .panel-primary > .panel-heading{background-color:#01a64e; border-color:#01a64e;} .panel-primary{border-color:#01a64e;} .panel-title > a{color:#000;} .panel-body table.datagrid caption{padding-top:0; padding-left:10px; padding-right:10px;} .datagrid .MaxWidth100{max-width:100%;} .accordion > .heading{color:#333; cursor:pointer; font-size:14px; font-weight:bold; padding:10px 10px 10px 35px; position:relative; display:inline-block;} .accordionTabContent{display:none; margin:0 0 10px 35px;} .accordionTabContent.opened{display:block;} .ulSelectClassSections{margin:0 -10px; padding:0; list-style:none;} .ulSelectClassSections > li{float:left; width:50%; padding:0 10px; position:relative; margin-bottom:5px;} .ulSelectClassSections input[type="checkbox"], .ulSelectClassSections input[type="radio"]{margin:0; position:absolute; left:11px; top:7px;} .ulSelectClassSections label.pt5px{padding-left:25px;} .accordion > .heading.clicked::before{content:"\f068";} .accordion > .heading::before{content:"\f067"; font-family:FontAwesome; position:absolute; left:0; font-weight:normal; background-color:#333; color:#fff; width:25px; height:25px; text-align:center; line-height:25px; border-radius:100%; font-size:10px; top:6px;} .dateStyle .from, .dateStyle .to{padding:0 5px 0 7px; border:1px solid #ddd; border-radius:3px 0 0 3px; line-height:32px; font-weight:bold; border-right:0; background:#f1f1f1;} .dateStyle .to{border-radius:0; padding:0 5px; border-left:0;} .fromInput input.hasDatepicker{border-radius:0;} .toInput input.hasDatepicker{border-radius:0 3px 3px 0;} .zoom{display:inline-block; position:relative;} .zoom:after{content:''; display:block; width:33px; height:33px; position:absolute; top:0; right:0; background:url(icon.png);} .zoom img{display:block;} .zoomImg{max-width:none !important;} .zoom img::selection{background-color:transparent;} .panorama,.panorama-view{width:100%;height:100%;overflow:hidden} .panorama,.panorama-container{position:relative} .panorama-container img{height:100%;position:absolute;top:0} .panorama .info,.panorama-view .area{position:absolute;display:block} .panorama .info{left:10px;top:10px} .panorama-view{cursor:url(../images/openhand.cur),default; position:relative;} .panorama-view.grab{cursor:url(../images/closedhand.cur),default} .panorama .info{padding:6px;opacity:0.4;background-color:#000;color:#fff;font:11px bold Arial,sans-serif;text-decoration:none} .panorama .info:hover{opacity:0.6} .panorama-view .area{opacity:0.2;background-color:#000;cursor:pointer} .panorama-view .area:hover{opacity:0.4} .panorama-view img{user-select:none;-o-user-select:none;-moz-user-select:none;-webkit-user-select:none); padding:0 !important; border:0 !important;} .panorama-view.grab:before, .panorama-view:hover:before{opacity:0;} .panorama-view:before {content:""; z-index:1; position:absolute; transition:all .35s ease-in-out; -webkit-transition:all .35s ease-in-out; width:100%; height:100%; margin:0; top:0; left:0; background-color:rgba(0,0,0,.3); background-repeat:no-repeat; background-position:center center; background-image:url(../images/hand.png);} #modal360, #galleryModal{padding:0 !important;} .modal360{width:100%; margin:0;} .modal360 .modal-content, .modal360 .modal-body, .modal360 .panorama, .modal360 .panorama-view{height:100vh; border-radius:0;} .modal360 button.close{position:absolute; right:0; top:0; z-index:5; background:#fff; width:40px; height:40px; line-height:40px; text-shadow:none; opacity:1;} .galleryModal{width:95%;} .galleryModal .modal-content{min-height:95vh;} .galleryModal button.close{position:absolute; right:10px; top:10px; z-index:1;} .imgContainer{width:150px; overflow:hidden; text-align:center; margin:10px 5px 0; display:inline-block;} .galleryWrap{text-align:center;} .galleryTab .filter{border:1px solid #ddd; color:#333333; display:inline-block; font-size:12px; margin:0 2px; padding:5px 10px; text-align:center; text-decoration:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} .galleryTab .filter:hover{background-color:#f8f8f8;} .galleryTab .filter.active{background-color:#e2e2e2; border:1px solid #ddd; color:#000; cursor:default;} .fancybox-nav{width:50px !important; height:50px !important; background:rgba(0, 0, 0, .5) !important; top:50% !important; margin-top:-25px !important;} .table-responsive{border:0;} .lableNoMargin label{margin-right:0 !important;} .nav-tabs-custom{box-shadow:none;} .nav-tabs > li > a{margin-left:2px; margin-right:0; border-radius:0; background:#eee; border-top-width:3px; padding:5px 7px; font-size:12px;} .nav-tabs > li:last-child > a{margin-right:10px;} .nav-tabs > li > a:hover{border-color:#eee; border-top-color:#ddd;} .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{border:1px solid #eee; border-top-width:3px;} .nav > li > a:focus, .nav > li > a:hover{color:#000;} .nav-tabs-custom .nav-tabs > li.active > a{border-top-color:#f46b1d;} .tabsWrap{position:relative;} .tabsWrap::before{content:""; display:block; width:100%; height:1px; background:#eee; position:absolute; left:0; bottom:0;} .tabsWrap .nav.nav-tabs{display:flex; overflow-y:hidden; white-space:nowrap; border-bottom:0; position:relative;} .loginBody{padding-top:40px;} .accordion .head{display:inline-block; width:100%; color:#333; padding:8px 8px 8px 30px; position:relative; cursor:pointer; border:1px solid #ddd; font-weight:bold;} .accordion>li.opened .head,.accordion .head:hover, .accordion .head:hover .openSub{color:#f46b1d} .accordion>li{margin-bottom:10px;} .accordion>li:last-child{margin-bottom:0} .accordion>li.opened .openSub i.fa:before{content:"\f068";color:#f46b1d} .accordion .openSub{display:block; position:absolute; top:0; left:10px; text-align:center; line-height:34px; font-size:14px; color:#333;} .accordion>li.opened .txt{display:block;} .accordion .txt{display:none;} .btn-likes { float:left; padding:0px 5px; cursor:pointer; } .like { background:url("images/like.png") repeat scroll 0 0; border:0 none; height:23px; width:23px; } .like_blue { background:url("images/like_blue.png") repeat scroll 0 0; border:0 none; height:20px; width:20px; display:inline-block; padding:0 !important; margin-right:5px; float:left; background-size:100% 100%; } .likeBtn { float:right; margin-top:10px; } .label-likes { display:inline-block; padding-top:4px; float:left; } .tset { margin:0; padding:0 20px 10px 70px; } .likeBtnBlue .like{background:rgba(0, 0, 0, 0) url("images/like_blue.png") repeat scroll 0 0 !important;} .likeBtnBlue .btn-likes img{border-radius:100%;} .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-family:Arial, Helvetica, sans-serif !important;} .ui-datepicker-month, .ui-datepicker-year{color:#333;} .graphBdr{border:1px solid #ddd;} .tableFixedThead{overflow-y:hidden;} .tableFixedThead thead, .tableFixedThead tbody{display:block; width:100%;} .tableFixedThead tbody{overflow-x:hidden; max-height:500px; max-width:100%;} .tableFixedThead tr{display:block;} .tableFixedThead td, .tableFixedThead th{width:250px;} /*.tableFixedThead .greenborder, .tableFixedThead .redborder, .tableFixedThead .textbox, .tableFixedThead .listbox{max-width:120px !important; max-width:120px !important; width:120px !important;}*/ .lbl_grade{font-weight:bold; display:inline-block; margin-top:7px; color:#333;} .markSheetTable{color:#000; width:100%; font-size:12px; line-height:normal; margin:0 auto; max-width:980px; border:4px solid #000; padding:5px;} .markSheetTable td, .markSheetTable th{padding:10px;} .topInfoTable{border:1px solid #000; border-bottom:0;} .marksTable td, .marksTable th{border:1px solid #000; padding:5px 10px;} .toggleOnOff input{display:none;} .toggleOnOff label{display:inline-block !important; width:40px; background-color:#e4e4e4; color:#333; font-size:12px; font-weight:bold; text-align:center; text-shadow:none; -webkit-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -ms-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out; margin:0 !important; padding:0 !important; line-height:25px; cursor:pointer;} .toggleOnOff table > tbody > tr > td:nth-child(1) label{border-radius:4px 0 0 4px;} .toggleOnOff table > tbody > tr > td:nth-child(2) label{border-radius:0 4px 4px 0; margin-left:1px !important;} .toggleOnOff table > tbody > tr > td:nth-child(3) label{border-radius:0 4px 4px 0;} .toggleOnOff table > tbody > tr > td:nth-child(1) input:checked + label{background-color:#01a64e; color:#fff;} .toggleOnOff table > tbody > tr > td:nth-child(2) input:checked + label{background-color:#dd0000; color:#fff;} .toggleOnOff table > tbody > tr > td:nth-child(3) input:checked + label {background-color:#01a64e;color:#fff;} .accordion.inspectionList > .heading{width:100%; background:#f8f8f8; border:1px solid #ddd; padding:10px 40px 10px 10px; margin-bottom:0; font-size:16px;} .accordion.inspectionList > .heading::before{left:auto; right:10px; background:none; color:#333; font-size:18px;} .accordion.inspectionList > .accordionTabContent{margin:0;} .inspectionListPage .ft_container .listbox, .inspectionListPage .ft_container .textbox, .inspectionListPage .ft_container .greenborder, .inspectionListPage .ft_container .redborder, .inspectionListPage .datagrid .greenborder, .inspectionListPage .datagrid .redborder, .inspectionListPage .datagrid .textbox, .inspectionListPage .datagrid .listbox{margin-right:0;} .innerTable { border:0 !important; } .innerTable tr td:first-child { border-left:0 !important; } .innerTable tr td:last-child { border-right:0 !important; } .innerTable tr:first-child{ border-top:0 !important; } .innerTable tr:last-child, .innerTable tr:last-child td{ border-bottom:0 !important; } .dbevent .date.blue{float:left;padding-top:3px;} .dbevent .likeBtn{float:left;margin-left:15px;margin-top:0} .dbevent .txt{display:inline-block;} .dbevent .like{background-color:none;} .fromInput input.hasDatepicker.last{border-radius:0 3px 3px 0;} .ui-datepicker .ui-datepicker-header.mtz-monthpicker{margin-bottom:5px;} .mtz-monthpicker.mtz-monthpicker-year{color:#333;} .imgSlider{background:#000;} .imgSlider .item img{max-height:400px; width:auto; margin:0 auto;} .blogPostList { display:flex; flex-wrap:wrap; margin-left:-5px; margin-right:-5px; } .blogListMain .post { width:50%; padding:10px 5px; } .blogListMain .post .bg { padding:2px; border:1px solid #ddd; height:100%; } .modalMaxHeight .modal-body { max-height:90vh; overflow-x:hidden; } .fxdTbl.exam_result_list .ft_container table tr td table tr{border:0;} .fxdTbl.exam_result_list .ft_container table tr td table td{padding:0;} .fxdTbl.exam_result_list .ft_container table tr td table { border:0; float:left; margin-right:3px; } .fxdTbl.exam_result_list .ft_container table tr td table label { padding:5px; margin:0; } .fxdTbl.exam_result_list .ft_container table tr td table input[type="checkbox"]{top:1px;} .dataTables_info { margin-top:10px; } .dataTables_filter input { border:1px solid #ccc; padding:0 5px; height:28px; margin-left:5px; border-radius:3px; } .datagridStyle table.bdrBlack, .datagridStyle table.bdrBlack tr, .datagridStyle table.bdrBlack th, .datagridStyle table.bdrBlack td { /*border:1px solid #000; */color:#000; } .datagridStyle table.bdrBlack a{color:#000;} .box .report_student_attendance_nav { list-style:none; display:flex; margin:0; padding:0; flex-wrap:wrap; } .box .report_student_attendance_nav li { flex:1; border-bottom:1px solid #ddd; border-right:1px solid #ddd; } .box .report_student_attendance_nav li:last-child{border-right:0;} .box .report_student_attendance_nav li a { display:block; text-align:center; padding:10px; font-weight:bold; } .box .report_student_attendance_nav li.active a, .box .report_student_attendance_nav li a:hover{background:#eee;} .box .report_student_attendance_nav .fa-angle-double-right::before { content:"\f0f6"; } .treeview-menu .report_student_attendance_nav { list-style:none; margin-left:0; padding-left:25px; background:rgba(255,255,255,.2); } .treeview-menu .report_student_attendance_nav a { display:block; padding:7px 0; color:#000; } .treeview-menu .report_student_attendance_nav a:hover { color:#a22528; } .school_report_card .row{margin-left:-5px; margin-right:-5px;} .school_report_card .row > div{padding-left:5px; padding-right:5px;} .eventListReport > div{width:100%;} .eventListReport > div > div {display:flex; flex-wrap:wrap; margin:0 -5px;} .eventListReport > div > div > .flexCol {width:25%; padding:5px;} .countList{list-style:none; margin:0 -5px; padding:0; display:flex; flex-wrap:wrap; justify-content:center;} .countList > li{max-width:320px; width:25%; padding:10px 5px;} .countList .bg{display:block; position:relative; background:#fff; border-radius:5px; padding:20px 10px 20px 105px; color:#000;} .countList .icon{position:absolute; left:20px; top:10px; width:70px; text-align:center;} .countList .icon > img{width:100%; max-height:70px;} .countList .name{font-size:14px; font-weight:bold; margin:0;} .countList .count{font-size:30px; font-weight:bold; margin:0;} .countList.assetList{margin:0 -5px;} .countList.assetList > li{padding:5px;} .countList.assetList .icon{position:static; margin-bottom:10px; width:100%;} .countList.assetList .icon > img{max-height:50px;} .countList.assetList .bg{padding:15px; text-align:center; display:flex; align-items:center; height:100%; justify-content:center;} .countList.assetList .name{margin-bottom:5px;} .eventListReport{margin:0 -5px;} .eventListReport > .flexCol{padding:5px; width:25%;} .eventListReport .bg{border:1px solid #ddd; padding:2px; display:inline-block; width:100%;} .eventListReport .detail{display:inline-block; width:100%;} .eventListReport .img{display:block; position:relative; padding-top:75%; background:#eee;} .eventListReport .img > img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); height:100%; width:100%;} .dataTable thead th, #tblReport th{cursor:pointer} .dataTableSm .dataTable { font-size:11px; } .datagridStyle table th, .datagridStyle table td{padding:3px 5px;} .img360 { display:flex; flex-wrap:wrap; margin:-10px; justify-content:center; } .img360 .flexCol { width:190px; padding:10px; } .img360 .fancyboxIframe { display:block; width:170px; height:170px; overflow:hidden; position:relative; } .img360 .fancyboxIframe > img { width:auto; height:100%; min-width:100%; max-width:none !important; transform:translate(-50%, -50%); position:absolute; left:50%; top:50%; } .search_form_ac.ac .row{margin-left:-5px; margin-right:-5px;} .search_form_ac.ac .row > .col-md-3.mb10px{width:50%; padding:0 5px; margin-bottom:0;} .header .navbar-nav > li{border-left:1px solid rgba(255,255,255,.3); min-height:50px;} .languageSelectTop{width:auto;float:left;margin-right:10px;margin-top:9px;border-color:#fff;font-size:12px;padding:0 5px;height:30px;} .dropdown-menu.menuList li a {background:#f69c34;display:block;padding:10px !important;border-bottom:1px solid #fff;color:#fff !important;font-size:14px;font-weight:bold;} .dropdown-menu.menuList li a .label{font-size:14px;} .dropdown-menu.menuList li a .count{float:right;} .dropdown-menu.menuList li:last-child a{border-bottom:0;} a.dropdown-toggle.approvalRequests {padding-top:0;padding-bottom:0;line-height:1.4;min-height:50px;display:flex;align-items:center;} a.dropdown-toggle.approvalRequests .approvalRequestsTxt {display:inline-flex;align-items:center;} a.dropdown-toggle.approvalRequests i.caret {margin-left:5px;} li.languageLi {display:none;} .fieldset { border:1px solid #ddd; padding:10px 20px 15px; } .fieldset legend { display:inherit; width:auto; padding:0 10px; margin:0 -10px; border:0; font-weight:bold; font-size:14px; text-transform:uppercase; letter-spacing:1px; color:#000; } @media screen and (max-width:1500px){ .withModalBtn .w75{width:90%; padding-right:10px;} .withModalBtn .w20{width:10%; float:right !important;} #container_ap_districts .highcharts-title{font-size:28px !important;} #container_ap_districts .highcharts-subtitle{font-size:20px !important;} .hallOfFameList .flexCol{width:20%;} } @media screen and (max-width:1210px){ /*.nav-tabs-custom .nav-tabs > li{margin-right:1px;} .nav-tabs-custom .nav-tabs{display:flex; overflow-y:hidden; white-space:nowrap;}*/ .nav-tabs > li > a{padding:10px;} .countList.assetList > li{width:33.333%;} .countList .icon{left:10px; top:20px; width:50px;} .countList .bg{padding-left:65px;} } @media screen and (max-width:1100px){ .right-side > form > section.content > .row > .col-xs-6{width:100%;} .withModalBtn .w75{width:80%;} .withModalBtn .w20{width:20%;} .panel-title{font-size:14px;} } @media screen and (max-width:900px){ .withModalBtn .w75{width:70%;} .withModalBtn .w20{float:left !important;} .tableBlockMobile, .tableBlockMobile tbody, .tableBlockMobile tr, .tableBlockMobile td{display:block;} #container_ap_districts .highcharts-container, #container_ap_districts .highcharts-container .highcharts-root{height:auto !important;} .eventListReport > div > div > .flexCol, .hallOfFameList .flexCol{width:33.333%;} .countList > li{width:50%;} ul.dropdown-menu.menuList{right:auto !important;left:0 !important;} ul.dropdown-menu.menuList:after{right:auto !important;left:20px !important;} } @media screen and (max-width:700px){ div.renderWithName{overflow:inherit;} div.renderWithName div.left{margin-right:0;} div.renderWithName div.right, div.renderWithName div.left{width:100%; display:inline-block;} div.renderWithName div.right{margin-left:0;} .withModalBtn .w20{padding-top:28px;} div.renderWithName div.right .textbox, div.renderWithName div.right .listbox, div.renderWithName div.right .form-control{max-width:100%;} .panel-heading{display:inline-block; width:100%;} .panel-title .pull-right.libreStatsPanelHeadingIcon{width:100%;} .galleryTab .filter {font-size:11px; padding:2px 5px; margin-bottom:5px;} .greenborder, .redborder, .textbox, .listbox, .datetimepicker select{max-width:100% !important; width:100% !important;} .tblInputAuto .textbox, .tblInputAuto .listbox, .tblInputAuto .datetimepicker select{max-width:none !important; width:50px !important;} .dateStyle{width:100%;} .dateStyle .fl{width:100%; border:0; background:#fff; padding:0;} html,body{-webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none;} .tbl_checkbox, .tbl_checkbox tbody, .tbl_checkbox tr, .tbl_checkbox td{display:block;} .tbl_checkbox td{float:left; width:50%;} .eventListReport > div > div > .flexCol, .hallOfFameList .flexCol{width:50%;} .datetimepicker select{margin-bottom:5px;} .box .report_student_attendance_nav li{flex:auto; border-right:0; width:100%;} .box .report_student_attendance_nav li a{text-align:left;} .box .report_student_attendance_nav .fa-angle-double-right{margin-right:7px;} .search_form_ac.ac .row > .col-md-3.mb10px{width:100%; margin-bottom:5px;} .reportTrigger{display:block; cursor:pointer; padding:10px; font-weight:bolder; font-size:15px; border-bottom:1px solid #ddd;} .reportTrigger.active .fa-angle-down::before{content:"\f106";} .box .report_student_attendance_nav{display:none !important;} .box .report_student_attendance_nav.open{display:block !important;} .report_mobile .reportTrigger, .treeview .reportTrigger{display:none !important;} } @media screen and (max-width:500px){ #container_adscm, #highcharts-cfs6vw7-4, .highcharts-root{width:100% !important;} .highcharts-title{font-size:13px !important; font-weight:bold;} div#formActions .btn {font-size:12px; padding:0 8px; line-height:30px; min-height:30px;} div#formActions div#cancel{margin-left:5px; margin-right:5px; margin-bottom:5px;} div#formActions div#delete{float:left;} .ulSelectClassSections > li{width:100%;} .loginBody{padding-top:0;} .logoLogin{margin-top:10px;} .btmLoginLogos .dib {width:100%; padding:0 20px 20px; border:0 !important;} .box .box-header .box-title{font-size:16px;} section.popupSection{padding:0;} .dashboardPage .fancybox-wrap.fancybox-mobile{left:-20px !important; top:0 !important; width:90vw !important;} .dashboardPage .fancybox-wrap.fancybox-mobile .fancybox-inner{width:100% !important; min-height:350px !important;} .dashboardPage #container_attendance_student_percentage_current_month .fancybox-wrap.fancybox-mobile{left:5px !important;} .accordion.inspectionList > .heading{padding-right:30px; font-size:14px;} .accordion.inspectionList > .heading::before{right:5px;} .inspectionListPage table.datagrid > thead > tr > th, .inspectionListPage table.datagrid > tbody > tr > th, .inspectionListPage table.datagrid > thead > tr > td, .inspectionListPage table.datagrid > tbody > tr > td{padding:5px;} table.datagrid.inspectionListTable > thead > tr > th{white-space:normal; width:auto !important;} .inspectionListPage table.datagrid > thead > tr > th:last-child{min-width:auto;} .eventListReport > div > div > .flexCol, .countList.assetList > li, .countList > li, .hallOfFameList .flexCol{width:100%;} li.dashboard_midday_meal .label,li.teacher_transfer_request_list, li.student_dropout_request_list, li.staff_transfer_request_list{display:none;} .skin-blue .navbar .nav a{color:#fff;font-size:12px;padding-left:5px;padding-right:5px;} .skin-blue .navbar .nav a > .fs16px, .skin-blue .navbar .nav a > strong, .skin-blue .navbar .nav a > strong > span {font-size:12px !important;} .skin-blue .navbar .nav a > img {width:14px !important;} .skin-blue .navbar .navbar-right > .nav {margin-right:0;} body > .header .navbar .sidebar-toggle {margin-left:0;} .boxRightBtn .btn.btnSmall {font-size:11px;padding:0 7px;min-height:24px;line-height:24px;} } @media screen and (max-width:330px){ .panorama-view, .panorama-container{max-height:350px; min-height:350px !important;} .panorama-view:before{opacity:.5;} .languageSelectTop{margin-right:5px; font-size:10px; padding:0 2px;} } .pageBreak{display:none;} @media print{ .inspectionListPage{padding:0; font-size:12px; line-height:none;} .accordion.inspectionList > .heading::before, .inspectionListPage .btnExpandCollapse, .inspectionListPage .school_search_form, .inspectionListPage .inspectionDate .btn{display:none;} .inspectionListPage .inspectionDate .mb10px{margin-bottom:0;} .inspectionListPage .inspectionDate{text-align:left !important;} .inspectionListPage .dateStyle .from, .inspectionListPage .dateStyle input.hasDatepicker{border:0; padding:0 5px 0 0; height:20px; line-height:20px; font-size:12px;} .inspectionListPage .box, .inspectionListPage .box.box-primary, .inspectionListPage .box .box-header{border:0;} .inspectionListPage .box .box-header .box-title{font-size:16px; padding:0; text-align:left !important; margin-bottom:10px;} .inspectionListPage .box .box-body{padding:0;} .inspectionListPage .inspectionRow > .col-md-3, .inspectionListPage .inspectionRow > .col-md-6{display:inline-block; width:auto;} .inspectionListPage .inspectionRow > .col-md-3{width:40%;} .inspectionListPage table.datagrid > thead > tr > th, .inspectionListPage table.datagrid > tbody > tr > th, .inspectionListPage table.datagrid > thead > tr > td, .inspectionListPage table.datagrid > tbody > tr > td{border:1px solid #000; padding:3px; font-size:12px; height:auto;} .inspectionListPage .ft_container .listbox, .inspectionListPage .ft_container .textbox, .inspectionListPage .ft_container .greenborder, .inspectionListPage .ft_container .redborder, .inspectionListPage .datagrid .greenborder, .inspectionListPage .datagrid .redborder, .inspectionListPage .datagrid .textbox, .inspectionListPage .datagrid .listbox{border:0; padding:0 !important; height:20px;} .inspectionListPage table.tblInputAuto .greenborder, .inspectionListPage table.tblInputAuto .redborder{width:50px !important; text-align:center !important;} .accordion.inspectionList > .accordionTabContent{display:block;} .accordion.inspectionList > .heading{padding:0; border:0; font-size:14px; margin-bottom:5px;} .toggleOnOff input + label{display:none !important; width:auto; line-height:none;} .toggleOnOff input:checked + label{display:block !important;} .toggleOnOff table > tbody > tr > td:nth-child(1) input:checked + label{color:#016c33 !important;} .toggleOnOff table > tbody > tr > td:nth-child(2) input:checked + label{color:#dd0000 !important;} .toggleOnOff table > tbody > tr > td:nth-child(3) input:checked + label{color:#016c33 !important;} .scrollToTop{display:none !important;} .pageBreak{page-break-after:always; display:block;} }